From 63742be30723555ab54c7b11136dfaf6f83d0c2e Mon Sep 17 00:00:00 2001 From: Mora Unie Youer Date: Tue, 18 Mar 2025 16:47:58 +0300 Subject: feat: add notifications widget --- widget/bar/Bar.scss | 80 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 80 insertions(+) create mode 100644 widget/bar/Bar.scss (limited to 'widget/bar') diff --git a/widget/bar/Bar.scss b/widget/bar/Bar.scss new file mode 100644 index 0000000..f57d7a7 --- /dev/null +++ b/widget/bar/Bar.scss @@ -0,0 +1,80 @@ +window.Bar { + border: none; + box-shadow: none; + background-color: #000; + color: #fff; + + >box { + padding: 0; + } +} + +box.Workspaces { + padding-left: 3px; + + >button { + min-width: 10px; + min-height: 10px; + border-radius: 5px; + + border: none; + margin: 5px 2px; + padding: 0; + background: #ccc; + + transition: min-width .1s ease; + + &.active { + min-width: 25px; + } + + &.focused { + background: #AD49E1; + } + } +} + +box.Tray { + margin-right: 5px; + + button { + margin: 0; + padding: 1px; + border: none; + border-radius: 0; + min-width: 10px; + min-height: 10px; + + background: #000; + } +} + +box.AudioVolume { + margin-right: 20px; + min-width: 140px; + + image { + margin-right: 5px; + } + + scale { + margin: 0; + padding: 0; + } + + trough { + border-radius: 20px; + } + + highlight { + border-radius: 20px; + min-height: 10px; + } + + slider { + margin: 0; + min-height: 0; + min-width: 0; + opacity: 0; + } +} -- cgit v1.2.3-70-g09d2