diff --git a/de/home/.config/eww/modules/bar/idle_inhibit.yuck b/de/home/.config/eww/modules/bar/idle_inhibit.yuck index 822b937..f30487c 100644 --- a/de/home/.config/eww/modules/bar/idle_inhibit.yuck +++ b/de/home/.config/eww/modules/bar/idle_inhibit.yuck @@ -1,6 +1,7 @@ (defvar inhibit_active false) (defwidget idleinhibit [] - (button :onclick {inhibit_active ? 'killall eww-idle-inhibit;eww update inhibit_active=false' : 'systemd-inhibit --what="idle" --mode="block" scripts/bar/eww-idle-inhibit & eww update inhibit_active=true'} + (box :class "idle-inhibitor ${inhibit_active ? 'active' : 'inactive'}" - {inhibit_active ? "" : ""})) + (button :onclick {inhibit_active ? 'killall eww-idle-inhibit;eww update inhibit_active=false' : 'systemd-inhibit --what="idle" --mode="block" scripts/bar/eww-idle-inhibit & eww update inhibit_active=true'} + {inhibit_active ? "" : ""}))) diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss index c7cbd01..efd94b0 100644 --- a/de/home/.config/eww/style/bar.scss +++ b/de/home/.config/eww/style/bar.scss @@ -1,4 +1,5 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2); +$transition-time: 0.3s; .bar.horizontal { font-size: 1.05em; @@ -152,7 +153,7 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2); }*/ .scratchpad { - margin-left: 10px; +// margin-left: 10px; &>widget>box>box>label { padding: 0px 10px; } @@ -219,9 +220,9 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2); .chevron box { border: 2px solid transparent; } - .inactive { +/* .inactive { opacity: 0.5; - } + }*/ // HOTFIXES diff --git a/de/home/.config/eww/style/bar/idle-inhibitor.scss b/de/home/.config/eww/style/bar/idle-inhibitor.scss index 9da69e3..7794d5c 100644 --- a/de/home/.config/eww/style/bar/idle-inhibitor.scss +++ b/de/home/.config/eww/style/bar/idle-inhibitor.scss @@ -1,7 +1,11 @@ .idle-inhibitor { - $module-button-bg-color: $color1; - $module-button-fg-color: $color2; + $module-button-bg-color: $bar-bg-color; + $module-button-fg-color: $bar-module-fg-color; margin: 0px 10px; +// padding: 0px 6px; @import "./styles/button.scss"; + &.inactive { + opacity: 0.6; + } } diff --git a/de/home/.config/eww/style/bar/styles/button.scss b/de/home/.config/eww/style/bar/styles/button.scss index aa94322..010a2e0 100644 --- a/de/home/.config/eww/style/bar/styles/button.scss +++ b/de/home/.config/eww/style/bar/styles/button.scss @@ -1,4 +1,11 @@ button { + border-radius: $bar-module-border-radius; + padding: 0px 10px; + color: $module-button-fg-color; background-color: $module-button-bg-color; + &:hover { + background-color: rgba($module-button-bg-color,0.7); + } + transition: all $transition-time; }