henrov/nixos
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

padding is hard

Browse Source
This commit is contained in:
Henro Veijer
2026-02-27 16:11:55 +01:00
parent 46750e640a
commit 7484a951cd
1 changed files with 30 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
henrovnix_ok/assets/conf/desktop/waybar/style.css
+30 -28
View File
@@ -67,6 +67,36 @@ window#waybar {
0 0 12px rgba(0, 255, 153, 0.18); 0 0 12px rgba(0, 255, 153, 0.18);
} }
/* --- Hyprscroll overflow indicator --- */
#custom-hyprscroll_overflow.overflow {
padding: 0px 4px;
padding-right: 10px;
min-width: 80px;
color: @text;
border-radius: 15px;
font-weight: bold;
/* EXACT match: border color == background color */
background-color: @active_fill;
border: 2px solid @active_fill;
/* Same "gradient feel" as active workspace */
box-shadow:
0 0 0 1px rgba(51, 204, 255, 0.55),
0 0 0 2px rgba(0, 255, 153, 0.4),
0 0 10px rgba(51, 204, 255, 0.18),
0 0 10px rgba(0, 255, 153, 0.14);
}
#custom-hyprscroll_overflow.overflow:hover {
box-shadow:
0 0 0 1px rgba(51, 204, 255, 0.65),
0 0 0 2px rgba(0, 255, 153, 0.48),
0 0 12px rgba(51, 204, 255, 0.22),
0 0 12px rgba(0, 255, 153, 0.18);
padding-right: 10px;
}
/* --- Notifications icon --- */ /* --- Notifications icon --- */
#custom-notifications { #custom-notifications {
margin: 0 4px; margin: 0 4px;
@@ -118,31 +148,3 @@ window#waybar {
#temperature.critical { #temperature.critical {
background-color: @red; background-color: @red;
} }
/* --- Hyprscroll overflow indicator --- */
#custom-hyprscroll_overflow.overflow {
padding: 0px 6px;
min-width: 80px;
color: @text;
border-radius: 15px;
font-weight: bold;
/* EXACT match: border color == background color */
background-color: @active_fill;
border: 2px solid @active_fill;
/* Same "gradient feel" as active workspace */
box-shadow:
0 0 0 1px rgba(51, 204, 255, 0.55),
0 0 0 2px rgba(0, 255, 153, 0.4),
0 0 10px rgba(51, 204, 255, 0.18),
0 0 10px rgba(0, 255, 153, 0.14);
}
#custom-hyprscroll_overflow.overflow:hover {
box-shadow:
0 0 0 1px rgba(51, 204, 255, 0.65),
0 0 0 2px rgba(0, 255, 153, 0.48),
0 0 12px rgba(51, 204, 255, 0.22),
0 0 12px rgba(0, 255, 153, 0.18);
}