Can you drop jquery (you don't need it for such easy task) and use a class instead of changing directly the styles

and use a class instead of changing directly the styles

Do you mean adding a class to the row when the action is done?

• Chain variables
• No jQuery please
• Define your colour in the Atum variables.scss
• Add a class, apply background, call the colour
• Compile SCSS
• Use JS (el.classList.toggle('foo');) to toggle the class

• Chain variables
• No jQuery please
• Define your colour in the Atum variables.scss
• Add a class, apply background, call the colour
• Compile SCSS
• Use JS (element.classList.toggle('foo');) to toggle the class

I have questions on the topics not checked:

• What do you understand as Chain variables?
• how do I compile SCSS correctly?
• the last one seems obvious after SCSS is compiled tbh

"use strict";
var color = '#d9edf7', rows   = document.querySelectorAll('tr[class^="row"]');

The above snippet should take care of the first checkbox.

For compiling SCSS you need to have installed node and npm
Then in the root directory of joomla run npm install
Once complete run grunt compile

Here are the instructions: https://github.com/joomla/joomla-cms/blob/4.0-dev/grunt-readme.md

I think that is all :)

@jreys is this PR ready to Test?

@jreys - one more thing, please use single quote's as opposed to double quotes where possible.

@franz-wohlkoenig it's ready for testing now, everything fixed

btw @C-Lodder I didn't use the element.classList.toggle('foo'); because it was causing weird behaviours when you selected one row and then selected them all after, it would live the previous row unselected and it's not the wanted behaviour

@jreys - No worries. All seems to be good now.

@dgt41 - JS look ok?

I have tested this item ✅ successfully on 0a5a387

I have tested this item ✅ successfully on 0a5a387

an optical Feedback like another Curser would help to see that i can move Column.

RTC

I have tested this item ✅ successfully on ac8c87d