aboutsummaryrefslogtreecommitdiffstats
path: root/styles/pills.css
diff options
context:
space:
mode:
authorDanilo M. <danix@danix.xyz>2026-09-15 16:53:34 +0200
committerDanilo M. <danix@danix.xyz>2026-09-15 16:53:34 +0200
commit9adfac969af75a09054f1eb6f1894ab6bdf8b2a5 (patch)
treeda6bb4b96f8a5a279cf42865eee8dfeb7f36eb0e /styles/pills.css
parent66a8d05e2461761b60e1b4126437d04dc4f3dbbe (diff)
downloadwaybar-theme-udt-9adfac969af75a09054f1eb6f1894ab6bdf8b2a5.tar.gz
waybar-theme-udt-9adfac969af75a09054f1eb6f1894ab6bdf8b2a5.zip
feat: split the bar in two on DP-3
DP-3 is rotated, so a bar there is 1080px wide rather than 1920, and one bar holding every module was too crowded. Status sits on top now, the desktop itself along the bottom: workspaces on the left, open windows on the right. Both bars are one waybar process reading one stylesheet, because waybar takes a top-level array of bars, so the two cannot drift apart. Presentation mode is the statusctl-backed module the DP-1 bar already runs, rather than the wb-idle module written for this bar. It talks to files under XDG_RUNTIME_DIR instead of to quickshell, so it keeps working while the shell is down, and it already emits a state class, so the glyphs are simply dropped and the icon chosen in CSS. wb-idle and its module are gone. The module needs a format of one space. It defaults to "{text}", statusctl emits an empty text, and waybar draws no widget at all for a custom module whose formatted output is empty: not an empty pill, no pill. That is the same trap the launcher hit, and it cost a wrong diagnosis on the way: a min-height was added first on the theory that the pill was collapsing, which was treating a symptom of a widget that did not exist. A forced red background proved it was never drawn at all. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Diffstat (limited to 'styles/pills.css')
-rw-r--r--styles/pills.css26
1 files changed, 15 insertions, 11 deletions
diff --git a/styles/pills.css b/styles/pills.css
index 515f053..40c6629 100644
--- a/styles/pills.css
+++ b/styles/pills.css
@@ -21,7 +21,7 @@
#custom-privacy_dots,
#volume,
#tray,
-#image.idle,
+#custom-presentation,
#image.lang {
background: @main-bg;
color: @main-fg;
@@ -40,7 +40,7 @@
#custom-privacy_dots:hover,
#volume:hover,
#tray:hover,
-#image.idle:hover,
+#custom-presentation:hover,
#image.lang:hover {
background: @hover-bg;
color: @hover-fg;
@@ -53,15 +53,11 @@
* pill of each, so adding a module to a cluster means editing one rule.
*/
-/* Left: launcher | date time | workspaces | vm dots */
-#image.launcher {
- margin-left: 6px;
- margin-right: 6px;
-}
-
+/* Top bar, left: date time | vm dots */
#clock.date {
border-radius: 14px 0 0 14px;
padding-right: 8px;
+ margin-left: 6px;
}
#clock.time {
@@ -70,9 +66,16 @@
margin-right: 6px;
}
+/* Top bar, centre: the launcher stands alone. */
+#image.launcher {
+ margin-left: 6px;
+ margin-right: 6px;
+}
+
+/* Bottom bar, left: the workspace strip. */
#workspaces {
padding: 2px 6px;
- margin-right: 6px;
+ margin-left: 6px;
}
/* Right: privacy | volume | tray | presentation | language */
@@ -88,7 +91,7 @@
margin-right: 6px;
}
-#image.idle {
+#custom-presentation {
margin-right: 6px;
}
@@ -96,7 +99,8 @@
margin-right: 6px;
}
-/* Center: the taskbar is one pill holding a row of buttons. */
+/* Bottom bar, right: the taskbar is one pill holding a row of buttons. */
#taskbar {
padding: 2px 6px;
+ margin-right: 6px;
}