[GH-ISSUE #1304] Empty label taking up space in vertical launcher #8824

New issue

Open

opened 2026-05-23 03:54:28 +01:00 by JakeStanger · 2 comments

JakeStanger commented

2026-05-23 03:54:28 +01:00

Owner

Originally created by @eaglgenes101 on GitHub (Dec 26, 2025).
Original GitHub issue: https://github.com/JakeStanger/ironbar/issues/1304

Describe the bug
An empty label shows up in the launcher when it is vertical and show_names is false

To reproduce
Create a vertical panel with a launcher in it (might be missing other steps to reproduce). When there are entries in the launcher, below the icon is an empty label. Its identity as a label is confirmed by the GTK inspector.

Expected behavior
The label does not take up any space in the launcher entry.

System information:

Distro: Arch Linux
Compositor: Wayfire
Ironbar version: ironbar 0.19.0-pre

Configuration

Config

let { $menu = { type = "menu" label = "󱓞" } $launcher = { type = "launcher" show_names = false favorites = [ "firefox" "featherpad" ] // launch_command = "app2unit -s a -- {app_name}" } } in { name = "panel" icon_theme = "breeze-dark" position = "left" anchor_to_edges = true exclusive_zone = false //autohide = 250

start = [ $launcher ]
center = [ ]
//end = [ $menu ]
end = [ ]

}

Styles

:root {
    --color-dark-primary: #202326;
    --color-dark-secondary: #202326;

    --color-border-dark: #776DE8ff;
    --color-border-light: #776DE8ff;

    --color-white: #fff;
    --color-active: #776DE8FF;
    --color-urgent: #8f0a0a;

    --gradient: #6699CCff; /*linear-gradient(90deg, #6699CC19 35%, #CC99CC19 100%);*/

    --margin-lg: 1em;
    --margin-sm: 0.5em;
    --margin-xs: 0.25em;

    --size-xxl: 2.6em;
    --size-xl: 2.2em;
    --size-lg: 1.5em;
    --size-md: 16px;
}

* {
    font-family: sans-serif;
    font-size: var(--size-md);
    border-radius: 0;
    border: none;
    box-shadow: none;
    background-image: none;
}

popover, popover contents {
    border-radius: 12px;
    padding: 0;
}

window, popover {
    background-color: var(--color-dark-secondary);
}

box, button, label, calendar {
    background-color: #0000;
}

#bar, popover contents {
    background: var(--color-dark-primary); /*var(--gradient);*/
}

scale.horizontal highlight {
    background: #6699CCFF; /*linear-gradient(90deg, #6699CCCC 35%, #CC99CCB2 100%);*/
}

scale.vertical highlight {
    background: #6699CCFF; /*linear-gradient(0, #6699CCCC 35%, #CC99CCB2 100%);*/
}

slider {
    border-radius: 100%;
}

button {
    padding-left: var(--margin-sm);
    padding-right: var(--margin-sm);
}

button:hover, button:active {
    background-color: var(--color-dark-secondary);
}

dropdown popover row:hover, dropdown popover row:focus, dropdown popover row:selected {
    background-color: var(--color-dark-secondary);
}

radio {
    /* make purple */
    -gtk-icon-filter: hue-rotate(45deg) contrast(0.6);
    margin-right: var(--margin-sm);
}

#end > * + * {
    margin-left: var(--margin-sm);
}

.popup {
    padding: var(--margin-lg);
}

/* --- launcher --- */

.launcher .item {
    padding: 8px;
}

.launcher .item.open {
    box-shadow: inset 0 -1px var(--color-white);
}

.launcher .item.focused {
    box-shadow: inset 0 -1px var(--color-active);
}

.launcher .item.urgent {
    box-shadow: inset 0 -1px var(--color-urgent);
}

.popup-launcher {
    padding: var(--margin-sm);
}

.popup-launcher .popup-item {
    padding: var(--margin-lg);
    border-radius: 10px;
}

.popup-launcher .popup-item label {
    margin-top: var(--margin-sm);
}

/* --- menu --- */

.menu label {
    padding: 0 var(--margin-sm);
}

.popup-menu .sub-menu {
    border-left: 1px solid var(--color-border-light);
    padding-left: var(--margin-sm);
}

.popup-menu .category, .popup-menu .application {
    padding: var(--margin-xs);
}

.popup-menu .category.open {
    background-color: var(--color-dark-secondary);
}

Additional context

Screenshots

Originally created by @eaglgenes101 on GitHub (Dec 26, 2025). Original GitHub issue: https://github.com/JakeStanger/ironbar/issues/1304 **Describe the bug** An empty label shows up in the launcher when it is vertical and show_names is false **To reproduce** Create a vertical panel with a launcher in it (might be missing other steps to reproduce). When there are entries in the launcher, below the icon is an empty label. Its identity as a label is confirmed by the GTK inspector. **Expected behavior** The label does not take up any space in the launcher entry. **System information:** - Distro: Arch Linux - Compositor: Wayfire - Ironbar version: ironbar 0.19.0-pre **Configuration**  <details><summary>Config</summary> let { $menu = { type = "menu" label = "󱓞" } $launcher = { type = "launcher" show_names = false favorites = [ "firefox" "featherpad" ] // launch_command = "app2unit -s a -- {app_name}" } } in { name = "panel" icon_theme = "breeze-dark" position = "left" anchor_to_edges = true exclusive_zone = false //autohide = 250 start = [ $launcher ] center = [ ] //end = [ $menu ] end = [ ] } </details> <details><summary>Styles</summary> ```css :root { --color-dark-primary: #202326; --color-dark-secondary: #202326; --color-border-dark: #776DE8ff; --color-border-light: #776DE8ff; --color-white: #fff; --color-active: #776DE8FF; --color-urgent: #8f0a0a; --gradient: #6699CCff; /*linear-gradient(90deg, #6699CC19 35%, #CC99CC19 100%);*/ --margin-lg: 1em; --margin-sm: 0.5em; --margin-xs: 0.25em; --size-xxl: 2.6em; --size-xl: 2.2em; --size-lg: 1.5em; --size-md: 16px; } * { font-family: sans-serif; font-size: var(--size-md); border-radius: 0; border: none; box-shadow: none; background-image: none; } popover, popover contents { border-radius: 12px; padding: 0; } window, popover { background-color: var(--color-dark-secondary); } box, button, label, calendar { background-color: #0000; } #bar, popover contents { background: var(--color-dark-primary); /*var(--gradient);*/ } scale.horizontal highlight { background: #6699CCFF; /*linear-gradient(90deg, #6699CCCC 35%, #CC99CCB2 100%);*/ } scale.vertical highlight { background: #6699CCFF; /*linear-gradient(0, #6699CCCC 35%, #CC99CCB2 100%);*/ } slider { border-radius: 100%; } button { padding-left: var(--margin-sm); padding-right: var(--margin-sm); } button:hover, button:active { background-color: var(--color-dark-secondary); } dropdown popover row:hover, dropdown popover row:focus, dropdown popover row:selected { background-color: var(--color-dark-secondary); } radio { /* make purple */ -gtk-icon-filter: hue-rotate(45deg) contrast(0.6); margin-right: var(--margin-sm); } #end > * + * { margin-left: var(--margin-sm); } .popup { padding: var(--margin-lg); } /* --- launcher --- */ .launcher .item { padding: 8px; } .launcher .item.open { box-shadow: inset 0 -1px var(--color-white); } .launcher .item.focused { box-shadow: inset 0 -1px var(--color-active); } .launcher .item.urgent { box-shadow: inset 0 -1px var(--color-urgent); } .popup-launcher { padding: var(--margin-sm); } .popup-launcher .popup-item { padding: var(--margin-lg); border-radius: 10px; } .popup-launcher .popup-item label { margin-top: var(--margin-sm); } /* --- menu --- */ .menu label { padding: 0 var(--margin-sm); } .popup-menu .sub-menu { border-left: 1px solid var(--color-border-light); padding-left: var(--margin-sm); } .popup-menu .category, .popup-menu .application { padding: var(--margin-xs); } .popup-menu .category.open { background-color: var(--color-dark-secondary); } ``` </details> **Additional context** **Screenshots** ![Image](https://github.com/user-attachments/assets/f328289f-1a8c-40ca-a7b0-715a405459b5) ![Image](https://github.com/user-attachments/assets/a2278b56-e0d3-4a29-bd83-687396705efb)

JakeStanger added the

labels

2026-05-23 03:54:28 +01:00

JakeStanger commented

2026-05-23 03:54:29 +01:00

Author

Owner

@eaglgenes101 commented on GitHub (Dec 26, 2025):

I found a workaround:

Add a style for the launcher as follows:

.launcher .item :nth-child(2) {
    font-size: 0;
}

@eaglgenes101 commented on GitHub (Dec 26, 2025): I found a workaround: Add a style for the launcher as follows: ```css .launcher .item :nth-child(2) { font-size: 0; } ```

JakeStanger commented

2026-05-23 03:54:29 +01:00

Author

Owner

@byqzna commented on GitHub (Jan 3, 2026):

That workaround doesn't work on a horizontal bar at the top.

@byqzna commented on GitHub (Jan 3, 2026): That workaround doesn't work on a horizontal bar at the top.