feat: add fade-in to menu and connect windows
This commit is contained in:
parent
7ba6b2404f
commit
e091a1de03
3 changed files with 54 additions and 7 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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"
|
||||
)
|
||||
(quick-settings-smol)
|
||||
(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"
|
||||
)
|
||||
(quick-settings-logo)
|
||||
(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)
|
||||
)
|
||||
)
|
||||
|
|
|
@ -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"
|
||||
|
|
Loading…
Reference in a new issue