diff options
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/modules.css | 30 | ||||
| -rw-r--r-- | styles/pills.css | 8 |
2 files changed, 37 insertions, 1 deletions
diff --git a/styles/modules.css b/styles/modules.css index 4d3d38e..9044455 100644 --- a/styles/modules.css +++ b/styles/modules.css @@ -106,6 +106,36 @@ min-width: 22px; } +/* ------------------------------------------------------ * + * Mail: envelope icon, unread count as text. * + * * + * The count is content rather than decoration, so it stays * + * text like the clock. The state comes from the watcher's * + * class: nothing unread is dim, a dead watcher is loud. * + * ------------------------------------------------------ */ + +#custom-mail { + background-image: url("@ICONS@/actions/22/mail-unread.svg"); + background-repeat: no-repeat; + background-position: 10px center; + background-size: 16px 16px; + padding-left: 32px; + min-height: 16px; +} + +#custom-mail.empty { + color: @main-fg; + opacity: 0.45; +} + +#custom-mail.unread { + color: @main-fg; +} + +#custom-mail.error { + color: @critical; +} + /* ------------------------------------------- * * Dots: coloured by their scripts, not by CSS. * * ------------------------------------------- */ diff --git a/styles/pills.css b/styles/pills.css index 40c6629..93a8855 100644 --- a/styles/pills.css +++ b/styles/pills.css @@ -19,6 +19,7 @@ #custom-vmdot, #taskbar, #custom-privacy_dots, +#custom-mail, #volume, #tray, #custom-presentation, @@ -38,6 +39,7 @@ #clock.time:hover, #custom-vmdot:hover, #custom-privacy_dots:hover, +#custom-mail:hover, #volume:hover, #tray:hover, #custom-presentation:hover, @@ -78,11 +80,15 @@ margin-left: 6px; } -/* Right: privacy | volume | tray | presentation | language */ +/* Right: privacy | mail | volume | tray | presentation | language */ #custom-privacy_dots { margin-right: 6px; } +#custom-mail { + margin-right: 6px; +} + #volume { margin-right: 6px; } |