feat: osd widget

This commit is contained in:
hesam-init 2024-07-02 13:05:17 +03:30
parent 978037d7d0
commit f0a51d2f8c
8 changed files with 119 additions and 101 deletions

View file

@ -20,9 +20,6 @@
}
.vertical-bar-slider {
scale {
all: unset;
trough {
background-color: $surface2;
border-radius: get-token(border-radius);
@ -40,5 +37,8 @@
border-radius: get-token(border-radius);
}
}
.volume-icon {
font-size: get-token(font-sizes, large);
}
}

View file

@ -17,6 +17,10 @@ entry {
color: $white0;
}
scale {
all: unset;
}
calendar {
all: unset;
background-color: $surface0;

View file

@ -1,10 +1,24 @@
@mixin window {
border-radius: 1rem;
padding: 1rem;
box-shadow: 0 0 4px 2px;
margin: 1rem;
.volume-osd {
@extend .panel-widget;
border-radius: get-token(border-radius, large);
min-width: 320px;
}
.volume-osd {
@include window;
.volume-scale {
trough {
border-radius: get-token(border-radius, large);
min-height: 32px;
background-color: $surface1;
highlight {
border-radius: get-token(border-radius, large);
background-color: $accent;
}
}
.volume-icon {
font-size: get-token(font-sizes, large);
margin-left: 8px;
}
}

View file

@ -8,6 +8,7 @@
@import "./assets/scss/windows/control-panel";
@import "./assets/scss/windows/vertical-bar";
@import "./assets/scss/windows/dashboard";
@import "./assets/scss/windows/osd";
@import "./src/dock/styles.scss";
@import "./src/desktop/styles.scss";

View file

@ -1,11 +1,10 @@
(defwidget VerticalBarSlider [var ?onchange]
(box
:class "vertical-bar-slider"
(scale
:value var
:onchange onchange
:class "vertical-bar-slider"
:orientation "v"
:tooltip "${var}%"
:max 101
:min 0
:flipped true)))
:flipped true))

View file

@ -51,7 +51,7 @@
(defvar caffeine false)
; Osd
(defvar revealOsd true)
(defvar revealOsd false)
; Sidebar
(defvar revealVolume false)

View file

@ -4,8 +4,8 @@
(VolumeScale))))
(defwidget VolumeScale []
(overlay :hexpand true
(scale :min 0 :max 100 :active {volume != "muted"} :value {volume == "muted" ? 0 : volume} :onchange "pamixer --set-volume {}" :class "volume-scale")
(overlay :hexpand true :class "volume-scale"
(scale :min 0 :max 100 :active {volume != "muted"} :value {volume == "muted" ? 0 : volume} :onchange "pamixer --set-volume {}")
(label :class 'volume-icon ${volume == "muted" ? "less" : volume < 5 ? "less" : "more"}' :halign "start" :text {volume == "muted" ? "󰸈" : volume < 33 ? "" : volume < 67 ? "" : ""})))
(defwidget VolumeControlCenter []