diff --git a/de/home/.config/eww/modules/bar/powermenu.yuck b/de/home/.config/eww/modules/bar/powermenu.yuck index 9bc5497..b3a1dd7 100644 --- a/de/home/.config/eww/modules/bar/powermenu.yuck +++ b/de/home/.config/eww/modules/bar/powermenu.yuck @@ -5,11 +5,12 @@ :class "powermenu ${reveal_powermenu}" :revealvar-name "reveal_powermenu" (button :onclick 'scripts/bar/powermenu poweroff system-shutdown-symbolic "systemctl poweroff"' + :class "revealer-preview" "") (powermenu_children))) (defwidget powermenu_children [] - (box :class "reveal_children" + (box :class "reveal-children" :orientation "h" :space-evenly false :halign "center" diff --git a/de/home/.config/eww/style/bar/bluetooth.scss b/de/home/.config/eww/style/bar/bluetooth.scss index 4f0b553..6305a1c 100644 --- a/de/home/.config/eww/style/bar/bluetooth.scss +++ b/de/home/.config/eww/style/bar/bluetooth.scss @@ -1,5 +1,5 @@ .bluetooth { margin: 0px 5px; $module-color: mix($color4,$color0,75%); - @import "./revealer.scss"; + @import "./styles/revealer.scss"; } diff --git a/de/home/.config/eww/style/bar/networking.scss b/de/home/.config/eww/style/bar/networking.scss index 66fc364..71f1cb6 100644 --- a/de/home/.config/eww/style/bar/networking.scss +++ b/de/home/.config/eww/style/bar/networking.scss @@ -1,11 +1,11 @@ .networks { margin: 0px 5px; $module-color: mix($color14,$color0,75%); - @import "./revealer.scss"; + @import "./styles/revealer.scss"; } .vpn { margin: 0px 5px; $module-color: mix($color6,$color0,75%); - @import "./revealer.scss"; + @import "./styles/revealer.scss"; } diff --git a/de/home/.config/eww/style/bar/power.scss b/de/home/.config/eww/style/bar/power.scss index eaa5a3c..f48936a 100644 --- a/de/home/.config/eww/style/bar/power.scss +++ b/de/home/.config/eww/style/bar/power.scss @@ -1,5 +1,7 @@ .powermenu { - $module-fg-color: $color7; - $module-bg-color: $color0; - @import "./styles/button.scss" +// $module-fg-color: $color0; +// $module-bg-color: mix($color0,$color9,60%); + margin: 0px 5px; + $module-color: $bar-bg-color; + @import "./styles/revealer.scss" } diff --git a/de/home/.config/eww/style/bar/revealer.scss b/de/home/.config/eww/style/bar/styles/revealer.scss similarity index 91% rename from de/home/.config/eww/style/bar/revealer.scss rename to de/home/.config/eww/style/bar/styles/revealer.scss index c4f78f6..2636e74 100644 --- a/de/home/.config/eww/style/bar/revealer.scss +++ b/de/home/.config/eww/style/bar/styles/revealer.scss @@ -6,11 +6,11 @@ .reveal-children>* { padding: 0px 5px; min-width: $bar-module-width; + transition: all 0.3s; } .revealer-preview { background-color: $module-color; border-radius: $bar-module-border-radius - 4; - transition: all 0.3s; } &.true .revealer-preview { border-radius: $bar-module-border-radius - 4 0 0 $bar-module-border-radius - 4; @@ -20,6 +20,9 @@ &.active { background-color: rgba($module-color,0.5); } + &:hover { + background-color: rgba($module-color,0.5); + } } //.revealer-on-hover>widget>box>box>* { diff --git a/de/home/.config/eww/style/bar/volume.scss b/de/home/.config/eww/style/bar/volume.scss index d540fde..cf33da5 100644 --- a/de/home/.config/eww/style/bar/volume.scss +++ b/de/home/.config/eww/style/bar/volume.scss @@ -1,5 +1,5 @@ .volume { margin: 0px 5px; $module-color: mix($color9, $color0, 75%); - @import "./revealer.scss"; + @import "./styles/revealer.scss"; }