Waybar icon indicating copy to clipboard operation
Waybar copied to clipboard

`width` parameter renders bar incorrectly

Open marcothms opened this issue 1 year ago • 0 comments

When using the bar on the left side and trying to specify then width parameter, the bar instead gets rendered in the middle of the screen.

Without: image

With width property, it just moves it to the center of the screen: image

When adding the height property, it get rendered properly to the left side of the screen: image

When using "position": "bottom", the bar is, correctly, rendered in the middle of the screen: image

I think the problem is, that you assume, that the bar is always on the top or bottom, so this bug is just a corner case.

marcothms avatar Aug 07 '22 08:08 marcothms

I ran into the same issue. It seems to have been introduced between Waybar v0.9.10 and Waybar v0.9.13.

My workaround is to set a min-width property in CSS, but that doesn't quite work the same way.

Dieff avatar Aug 10 '22 18:08 Dieff

This is probably a duplicate of #1568, for which a fix is already merged into master. But this hasn't made it to a release yet. So if you really want to set the width and have a vertical bar, you'll have to build from master until a new release is out.

daangoossens22 avatar Aug 10 '22 21:08 daangoossens22

Looks like it fixes my problem, i somehow didn't find the other issue eventhough i looked through them. I'll close this then! My workaround was to set extra margin on one of the modules, instead of using width.

marcothms avatar Aug 11 '22 07:08 marcothms