matt1432/nixos-configs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add fade-in to menu and connect windows

Browse source
This commit is contained in:
matt1432 2023-07-23 22:58:28 -04:00
parent 7ba6b2404f
commit e091a1de03
3 changed files with 54 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
config/eww/quick-settings/quick-settings.scss
View file

@ -1,12 +1,12 @@
.quick-settings-smol { .quick-settings-smol {
font-size: 2px; font-size: 2px;
min-height: 60px; min-height: 52px;
min-width: 36px; min-width: 36px;
padding: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
background-color: $bg; background-color: $bg;
color: rgba(0,0,0,0); color: rgba(0,0,0,0);
border: 2px solid $contrastbg; border: 2px solid $contrastbg;
border-bottom-color: $bg; border-bottom: none;
border-top-right-radius: 80px; border-top-right-radius: 80px;
border-top-left-radius: 80px; border-top-left-radius: 80px;
border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;
@ -28,3 +28,16 @@
background-color: rgba(127, 132, 156, 0.4); background-color: rgba(127, 132, 156, 0.4);
transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out;
} }
.quick-settings {
font-size: 30px;
min-height: 600px;
min-width: 360px;
padding: 0px 0px 0px 0px;
background-color: $bg;
border-top-right-radius: 0px;
border-top-left-radius: 80px;
border-bottom-left-radius: 80px;
border-bottom-right-radius: 80px;
border: 2px solid $contrastbg;
}

38
config/eww/quick-settings/quick-settings.yuck
View file

@ -1,3 +1,5 @@
(defvar showqs false)
(defwidget quick-settings-smol [] (defwidget quick-settings-smol []
(box :class "quick-settings-smol" (box :class "quick-settings-smol"
:orientation "h" :orientation "h"
@ -14,13 +16,17 @@
:height "0px" :height "0px"
:anchor "top right" :anchor "top right"
) )
(revealer
:transition "crossfade"
:reveal showqs
:duration "550ms"
(quick-settings-smol) (quick-settings-smol)
) )
)
(defwidget quick-settings-logo [] (defwidget quick-settings-logo []
(eventbox :class "quick-settings-logo" (eventbox :class "quick-settings-logo"
:onclick "eww close quick-settings-smol; eww close quick-settings-logo" :onclick "eww close quick-settings-smol; eww close quick-settings-logo; eww close quick-settings; eww update showqs=false"
:cursor "pointer" :cursor "pointer"
(box :class "quick-settings-logo" (box :class "quick-settings-logo"
@ -39,5 +45,33 @@
:height "0px" :height "0px"
:anchor "top right" :anchor "top right"
) )
(revealer
:transition "crossfade"
:reveal showqs
:duration "550ms"
(quick-settings-logo) (quick-settings-logo)
) )
)
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
(defwidget quick-settings []
(box :class "quick-settings"
:orientation "h"
)
)
(defwindow quick-settings
:monitor 0
:stacking "overlay"
:geometry (geometry :x "5px"
:y "7px"
:width "0px"
:height "0px"
:anchor "top right"
)
(revealer
:transition "crossfade"
:reveal showqs
:duration "550ms"
(quick-settings)
)
)

2
config/eww/traybuttons/traybuttons.yuck
View file

@ -64,7 +64,7 @@
(defwidget quick-settings-toggle [] (defwidget quick-settings-toggle []
(eventbox :class "toggle-off" (eventbox :class "toggle-off"
:onclick "eww open quick-settings-smol; eww open quick-settings-logo" :onclick "eww open quick-settings; eww open quick-settings-smol; eww open quick-settings-logo; eww update showqs=true"
:cursor "pointer" :cursor "pointer"
(box :class "quick-settings-toggle" (box :class "quick-settings-toggle"