diff --git a/de/home/.config/eww/modules/bar/tray.yuck b/de/home/.config/eww/modules/bar/tray.yuck index bf2d5be..9b38533 100644 --- a/de/home/.config/eww/modules/bar/tray.yuck +++ b/de/home/.config/eww/modules/bar/tray.yuck @@ -1,6 +1,7 @@ (defvar reveal_tray false) (defwidget tray [] (revealer-on-hover + :class "tray ${reveal_tray}" :revealvar reveal_tray :revealvar-name "reveal_tray" {reveal_tray ? "" : ""} diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss index 914bf08..7b0fe42 100644 --- a/de/home/.config/eww/style/bar.scss +++ b/de/home/.config/eww/style/bar.scss @@ -13,7 +13,8 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2); border: 3px solid $bar-module-fg-color; box-shadow: 0px 0px 9px 0px $bar-module-fg-color; .revealer-on-hover>widget>box>box>*, - .reveal_children>*, + .reveal_children:not(.tray)>*, + .reveal_children>widget>image, &>button, &>label { color: $bar-module-fg-color; @@ -21,6 +22,7 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2); margin: 0px 5px; // padding: 0px 5px; min-width: $bar-module-width; + padding-right: 5px; // &:first-child { // margin-left: 0px; // } @@ -32,7 +34,7 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2); border-radius: $bar-module-inner-radius; } .revealer-on-hover>widget>box>box>*, - .reveal_children>*, + .reveal_children:not(.tray)>*, &>button, &>label { box-shadow: 3px 0 3px -2px $bar-module-fg-color; @@ -129,7 +131,7 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2); .bar-module>button, .bar-module>label, .revealer-on-hover>widget>box>box>*, - .reveal_children>* { + .reveal_children:not(.tray)>* { padding: 0px 5px; min-width: $bar-module-width; transition: all 0.3s; @@ -148,7 +150,7 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2); image{ opacity: 0.3; transition: all 0.3s; - border-radius: 4px; + border-radius: $bar-module-inner-radius; } &:hover,&:hover image { opacity: 1; @@ -164,11 +166,10 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2); // HOTFIXES -// .scratchpad>widget>box>box>*, .scratchpad>widget>box>box, - .scratchpad, - .reveal_children>*:last-child { -// background-color: red; + .scratchpad .reveal_children>*:last-child, + .tray>widget>box>box, + .scratchpad .reveal_children>*:last-child { margin-right: -5px; box-shadow: 0px 0px 0px 0px transparent; }