feat: add fade-in to menu and connect windows

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

View file

@ -1,12 +1,12 @@
.quick-settings-smol {
font-size: 2px;
min-height: 60px;
min-height: 52px;
min-width: 36px;
padding: 0px 0px 0px 0px;
background-color: $bg;
color: rgba(0,0,0,0);
border: 2px solid $contrastbg;
border-bottom-color: $bg;
border-bottom: none;
border-top-right-radius: 80px;
border-top-left-radius: 80px;
border-bottom-left-radius: 0px;
@ -28,3 +28,16 @@
background-color: rgba(127, 132, 156, 0.4);
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;
}

View file

@ -1,3 +1,5 @@
(defvar showqs false)
(defwidget quick-settings-smol []
(box :class "quick-settings-smol"
:orientation "h"
@ -14,13 +16,17 @@
:height "0px"
:anchor "top right"
)
(revealer
:transition "crossfade"
:reveal showqs
:duration "550ms"
(quick-settings-smol)
)
)
(defwidget 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"
(box :class "quick-settings-logo"
@ -39,5 +45,33 @@
:height "0px"
:anchor "top right"
)
(revealer
:transition "crossfade"
:reveal showqs
:duration "550ms"
(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)
)
)

View file

@ -64,7 +64,7 @@
(defwidget quick-settings-toggle []
(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"
(box :class "quick-settings-toggle"