[GH-ISSUE #1478] Focused module and workspace focused css classes conflict #1854

New issue

Open

opened 2026-05-22 22:54:58 +01:00 by JakeStanger · 3 comments

JakeStanger commented

2026-05-22 22:54:58 +01:00

Owner

Originally created by @arkreddy21 on GitHub (May 8, 2026).
Original GitHub issue: https://github.com/JakeStanger/ironbar/issues/1478

Describe the bug
When trying to add margin to "focused" module, the css instead applies it to the active workspace button (for example, 2)

To reproduce
Add this to css

.focused {
    margin-left: 4rem;
    margin-right: 2rem;
}

Expected behavior
It applies margin to the "focused" module

System information:

Distro: Arch linux
Compositor: Hyprland
Ironbar version: 0.18

Originally created by @arkreddy21 on GitHub (May 8, 2026). Original GitHub issue: https://github.com/JakeStanger/ironbar/issues/1478 **Describe the bug** When trying to add margin to "focused" module, the css instead applies it to the active workspace button (for example, 2) <img width="194" height="43" alt="Image" src="https://github.com/user-attachments/assets/36dec9c6-8888-4df0-9276-aa106dfdab7d" /> **To reproduce** Add this to css ``` .focused { margin-left: 4rem; margin-right: 2rem; } ``` **Expected behavior** It applies margin to the "focused" module **System information:** - Distro: Arch linux - Compositor: Hyprland - Ironbar version: 0.18

JakeStanger added the

labels

2026-05-22 22:54:58 +01:00

JakeStanger commented

2026-05-22 22:54:58 +01:00

Author

Owner

@JakeStanger commented on GitHub (May 8, 2026):

You'll probably find it applies to both.

You can use .widget.focused to target the module specifically

@JakeStanger commented on GitHub (May 8, 2026): You'll probably find it applies to both. You can use `.widget.focused` to target the module specifically

JakeStanger commented

2026-05-22 22:54:58 +01:00

Author

Owner

@arkreddy21 commented on GitHub (May 8, 2026):

You're right. It conflicts with workspace's focused selector.
I installed ironbar just today and figuring it out. Would be niceif you mention this in the docs as it currently mentions ".focused" as selector for the "focused" module. Or maybe rename the module to "window" or something but that's a breaking change

@arkreddy21 commented on GitHub (May 8, 2026): You're right. It conflicts with workspace's focused selector. I installed ironbar just today and figuring it out. Would be niceif you mention this in the docs as it currently mentions ".focused" as selector for the "focused" module. Or maybe rename the module to "window" or something but that's a breaking change

JakeStanger commented

2026-05-22 22:54:58 +01:00

Author

Owner

@JakeStanger commented on GitHub (May 8, 2026):

it currently mentions ".focused" as selector for the "focused" module

It is the selector. The conflict is definitely an issue though. I'll probably look at changing the workspace class name to something else

@JakeStanger commented on GitHub (May 8, 2026): > it currently mentions ".focused" as selector for the "focused" module It is the selector. The conflict is definitely an issue though. I'll probably look at changing the workspace class name to something else