There seems to be a slight overlap between waybar and the sway workspace. I think it's most apparent in the spacing from the top of the screen with the b in genbyte as seen in the screenshots below. I don't know if this is an issue with my configuration, with sway, or with waybar. Here are my config files for sway and waybar at the time of the screenshot.


Maybe is the border of the bar try without it in your css files and tell me ;)
When I commented out the border in my configuration it did not work but when I tried the configuration in your dotfiles repo it seems to be fixed. Seems to be my configuration and not a bug. Thanks for the quick response :)
EDIT: I commented out "height:" 20, in my waybar/config and the issue has been resolved with my configuration. Interesting that setting height would do that.|
EDIT2: I just set my height to 5 in waybar/config and the bar remained the same size it was when the height was set to 20. It seems that if you set the height to be lower then what the CSS wants, you'll get an overlap.
Nice to know thx !
I keep this issue in case I find a way to force the height
I have been investigating this, it appears that for whatever reason a default min-height value is set for all css objects at around 22 pixels. I cannot find where, but setting "min-height: 0;" for the wildcard section within the css file fixes it and allows smaller settings for the height.
perhaps a workable solution would be to either auto-shrink this setting or at least throw a warning about graphic defects if the user has conflicting settings
Right now I'm merging the min-height:0 and ill add a warning
I'm sorry but I don't understand: I still have the overlapping issue.
Isn't it confusing if you have to config the height in two files?
Is it possible to adjust the height of the font (downsizing) in regard of height setting of waybar (which should override?).
It seems like a bug: Setting height to 0 fills the whole screen.
Setting height to 1 leads to applications overlapping to: I guess 1 pixel.
Do I misunderstand the setting? I would like to shrink the waybar, i would like to shrink the spaces above and under the writing, its too bulky for my taste.
Can I help?
Most helpful comment
I have been investigating this, it appears that for whatever reason a default min-height value is set for all css objects at around 22 pixels. I cannot find where, but setting "min-height: 0;" for the wildcard section within the css file fixes it and allows smaller settings for the height.
perhaps a workable solution would be to either auto-shrink this setting or at least throw a warning about graphic defects if the user has conflicting settings