Alexays / Waybar

Highly customizable Wayland bar for Sway and Wlroots based compositors. :v: :tada:
MIT License
6.74k stars 707 forks source link

Icons off centered #3556

Open littleblack111 opened 2 months ago

littleblack111 commented 2 months ago

css:


* {
    border: none;
    font-family: Iosevka, FontAwesome, Noto Sans CJK, Jetbrains Nerd Font, sans-serif;
    font-size: 16px;
    min-height: 0;
    margin-bottom: 0;
}

window#waybar {
    font-family: Iosevka, FontAwesome, Noto Sans CJK, "JetBrains Mono NerdFont";
    background-color: transparent;
    font-size: 0.8rem;
}

.module {
    background: rgba(5, 1, 13, 0.5);
    border-radius: 8px;
    margin: 3pxS;
}

#custom-launcher {
    color: @BLUE;
    border-radius: 10px;
    padding: 8px 8px 8px 8px;
    /* font-size: 2.5rem; */
}

config:

    "custom/launcher": {
        "format": "󰣇",
        // "on-click": "bash $HOME/.config/rofi/launcher.sh",
        //    "on-click": "wofi --show drun -I -a -n -W 500 -H 376 -s ~/.config/wofi/themes/gruvbox.css",
        // "on-click-right": "bash $HOME/.config/rofi/run.sh"  
        //    "on-click-right": "wofi --show run -I -a -n -W 500 -H 376 -s ~/.config/wofi/themes/gruvbox.css"  
    },

uncertain if theres other factors that need to be included.

im using waybar from arch extra repo

using hyprland

littleblack111 commented 2 months ago

image

littleblack111 commented 2 months ago

for some reason padding-left: 12px; fixes it?

msmafra commented 1 month ago

I'm also have trouble with that. Padding different amounts on left, right etc not always solves for me; Having a space or spaces on the config helps... sometimes. This "format": " " instead of this "format": ""; and some icons behave differently from other even being from the same source (nerdfonts on my case).

margin: 3pxS;

You have a misspell here that you probably already fixed and wouldn't (probably) make no difference.

skoove commented 1 week ago

i also have this image image

msmafra commented 8 hours ago

When I try for example FontAwesome Fedora  icon and Nerd Fonts Fedora  icon on the same custom item, they act differently in the same configuration. Font Awesome stays correctly centered, Nerd Fonts' one acts like is right aligned of if a another space was added to push it to the right. On the other hand, if I get the Tux/Linux icon (,) they both go slight to the right too. Of course they're different fonts, but still a weird behavior.

Screenshot_2024-11-23_11-39-16 Screenshot_2024-11-23_11-38-59 Screenshot_2024-11-23_11-38-41 Screenshot_2024-11-23_11-38-25