diff options
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/modules.css | 24 | ||||
| -rw-r--r-- | styles/pills.css | 26 |
2 files changed, 38 insertions, 12 deletions
diff --git a/styles/modules.css b/styles/modules.css index 9cc3f5e..4d3d38e 100644 --- a/styles/modules.css +++ b/styles/modules.css @@ -174,7 +174,29 @@ border-radius: 8px; } -#image.idle { +/* Presentation mode. statusctl emits the state as a class and an empty text, + * so the icon is chosen here rather than by a format string. + * + * `down` is not `off`: the state file is missing, so the mode cannot be read + * at all. It draws a warning rather than the off icon, because a watcher that + * has died should not look like a mode that is simply not on. */ +#custom-presentation { + background-repeat: no-repeat; + background-position: center; + background-size: 18px 18px; padding: 2px 10px; min-width: 22px; + min-height: 18px; +} + +#custom-presentation.deactivated { + background-image: url("@ICONS@/categories/22/preferences-desktop-screensaver.svg"); +} + +#custom-presentation.activated { + background-image: url("@ICONS@/mimetypes/22/x-office-presentation.svg"); +} + +#custom-presentation.down { + background-image: url("@ICONS@/status/22/dialog-warning.svg"); } 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; } |