Community
Participate
Working Groups
Steps to reproduce: - Create a UI with a Button and a label - Add a theme contribution with this css .special { color: red; border; 1px black dotted; } - Add the .special variant to both label and button The color will be applied to both widgets but the border only to the label.
I can't reproduce it with Controls Demo and "Variants" tab. The "special-red" variant changes the border of the push button without problem. Could you please take a look in the Controls Demo (Variants tab) or provide a snippet (CSS) to reproduce the issue?
Ivan, the snippet is: .special { color: red; border; 1px black dotted; } without any Widget Type infront of the dot
(In reply to comment #2) > Ivan, the snippet is: .special { color: red; border; 1px black dotted; } > > without any Widget Type infront of the dot I think that this behavior is expected. In case of Button the selector .special is equals to Button.special. But in the default theme there is a definition with more detail spec which is Button[PUSH] that overrides the border value. In order to apply the .special variant on the push button you need Button[PUSH].special selector. For me this bug is invalid.
I agree that this behavior is expected, even though it can be confusing, but that's CSS, not RAP. Ideas for improvement are welcome.