Jas-SinghFSU / HyprPanel

A Bar/Panel for Hyprland with extensive customizability.
MIT License
945 stars 66 forks source link

Icons offset when using "split" bar theme #322

Open smathles opened 1 month ago

smathles commented 1 month ago

When using the "split" bar theme, most of my icons are offset slightly to the right, even if there's no "split" for that element (like for bluetooth I have the on/off indicator turned off).

I'm using monospaced fonts, still get this issue. I am using fractional scaling (HiDPI monitor), but this issue doesn't exist outside of the split theme. Additionally this issue is not unique to my pc (at least one other user has reported this in the discord).

I suspect a non-zero spacer is introduced when the split theme is selected, this should be set to zero (if possible). Or I'm imagining things, idk.

Expected behavior Select split theme, icons stay centered.

Screenshots Correct spacing: image Incorrect spacing: image Font used: image

Additional context Arch btw

Jas-SinghFSU commented 1 month ago

I don't think that's the icon offset as much as it is just your spacing needing to be adjusted.

What if you go to Configuration > Spacing > Button Horizontal Padding and lower the value?

smathles commented 1 month ago

Oof late response. Zero change unfortunately changing that parameter, it just made the offset icons closer together. Can set it to zero or 3, still persists. I booted up my pc (non-HiDIPI monitor) and this issue is actually present there too. Setting monitor=,preferred,auto,1 to negate the scaling on my laptop did not help either.

On PC, I'm using an Iosevka font, laptop I'm just using a nerd font. Both have the same issue.

image

Interestingly this seems to only be present on the bar widgets with "split" capibilities, as the ones without it are perfectly fine.

image

vs.

image

(Yes I don't have the split gruvbox theme on, oh well)

smathles commented 1 month ago

In fact, it looks like almost everyone has this issue that I can see: image

Plus rices from the discord: image

image

And it miiight be present in this one too, but debatable: image

It's a lot more obvious on some widgets than others. Maybe this is always set like this, but only clearly visible when the split theme is enabled? Is this because the icons used in the widgets are not monospace etc?

For instance, look at this example from another user: image Looks kinda gross, even with the correct fonts installed. image

Note though that to my eye, the discord logo looks further to the right in the split example, it doesn't actually get further away from the 'discord' text.