padding is hard

This commit is contained in:
2026-02-27 16:11:55 +01:00
parent 46750e640a
commit 7484a951cd
@@ -67,6 +67,36 @@ window#waybar {
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 --- */
#custom-notifications {
margin: 0 4px;
@@ -118,31 +148,3 @@ window#waybar {
#temperature.critical {
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);
}