nevaforget/moonarch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: style taskbar active state with bottom border indicator

Browse Source 
Add a visible bottom border to the active taskbar button for clear
focus indication. Reserve border space on all buttons with a transparent
border to prevent icon shifting on state changes.
This commit is contained in:
nevaforget 2026-04-09 06:35:57 +02:00
parent d815e21b1d
commit 46ba8365db
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
defaults/xdg/waybar/style.css
View File

@ -190,8 +190,8 @@ widget widget>* {
} }
#taskbar button { #taskbar button {
padding: 0 4px 0 10px; padding: 3px 4px 0 10px;
transition: 100ms border ease-in-out; border-bottom: 3px solid transparent;
border-radius: 0; border-radius: 0;
} }
@ -204,7 +204,9 @@ widget widget>* {
} }
#taskbar button.active { #taskbar button.active {
background-color: alpha(@theme_selected_bg_color, 0.05); background-color: alpha(@theme_selected_bg_color, 0.1);
border-bottom: 3px solid @theme_selected_bg_color;
padding-bottom: 0px;
opacity: 1; opacity: 1;
} }