diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss index 1504dd9..99f49d3 100644 --- a/de/home/.config/eww/eww.scss +++ b/de/home/.config/eww/eww.scss @@ -289,13 +289,13 @@ $home-button-fg-color: rgba($color5,$home-button-fg-opacity); $home-widget-subtitle-color: rgba($color7,0.6); $home-button-hover-bg-color: rgba($color1, 0.5); $home-widget-border-color: rgba($color5,1); -$home-widget-border-hover-color: rgba($color5,0.8); +$home-widget-border-hover-color: rgba($color12,1); .home { - > box { +/* > box { border-radius: $home-widget-border-radius; box-shadow: inset 0 0 0px 3px $home-widget-border-color; - } + }*/ .nowplayingart, .rat { background-position: center; @@ -313,20 +313,23 @@ $home-widget-border-hover-color: rgba($color5,0.8); } } .revealer-title { - background-color: $home-widget-border-color; + border: 3px solid $home-widget-border-color; +; box-shadow: inset 0 0 0px 3px $home-widget-border-color; + background-color: $home-widget-border-hover-color; color: $home-widget-bg-color; padding: 2px 0px; transition: all 0.3s; + &:hover { +// background-color: $color2; + background-color: $home-widget-border-hover-color; + } &.open { border-radius: $home-widget-title-radius; + border-bottom: 0px; } &.closed { border-radius: $home-widget-border-radius; } - &:hover { - background-color: $home-widget-border-hover-color; - - } } .notes { background-color: $home-widget-bg-color; diff --git a/de/home/.config/eww/modules/home/notes.yuck b/de/home/.config/eww/modules/home/notes.yuck index da68be0..9a69c9c 100644 --- a/de/home/.config/eww/modules/home/notes.yuck +++ b/de/home/.config/eww/modules/home/notes.yuck @@ -9,9 +9,10 @@ :revealvar reveal_notes :revealvar-name "reveal_notes" :width 300 - (label + (button + :width 300 :class "revealer-title ${reveal_notes ? 'open' : 'closed'}" - :text "Notes ${reveal_notes ? '' : ''}") + "Notes ${reveal_notes ? '' : ''}") ; {reveal_notes ? "" : ""} (notes :json {jq(notes_list,'.notes')})))