Hide an element with CSS

[demostanis]

I would like to have the keyboard state hidden when the caps lock is off. However, it seems impossible as of now. display and visibility are reported as invalid property names.

[milouse]

Check the @joesri ’s answer here https://github.com/Alexays/Waybar/pull/3038#issuecomment-2051804110

This issue should be closed too I think.

[Xgames123]

A hacky fix is to set the margin, padding and font-size to 0px

[stepanzak]

Check the @joesri ’s answer here #3038 (comment)

This issue should be closed too I think.

This only works for me if the keyboard-state module is just text. If it has some background color, or border, or anything like that, it is still shown even with an empty format ("format": "{icon}", unlocked icon being empty string "")