Change all pixel definitions to responsive 'rem'.

modules/bar/media/index.js

@@ -86,6 +86,16 @@ const Media = () => {
     }),
     isVisible: false,
     name: "media",
+    props: {
+      on_primary_click: (_, event) => {
+        const clickPos = event.get_root_coords();
+        const coords = [clickPos[1], clickPos[2]];
+
+        globalMousePos.value = coords;
+
+        App.toggleWindow("mediamenu");
+      },
+    },
   };
 };
 

modules/menus/DropdownMenu.js

@@ -71,7 +71,7 @@ export default ({
           moveBoxToCursor(self, minWidth, minHeight);
         },
         child: Widget.Box({
-          css: "padding: 1px;",
+          css: "padding: 1px; margin: -1px;",
           child: Widget.Revealer({
             revealChild: false,
             setup: (self) =>
@@ -79,7 +79,7 @@ export default ({
                 if (wname === name) self.reveal_child = visible;
               }),
             transition: "crossfade",
-            transitionDuration: 500,
+            transitionDuration: 350,
             child: Widget.Box({
               class_name: "dropdown-menu-container",
               can_focus: true,

modules/menus/main.js

@@ -3,5 +3,6 @@ import Verification from "./power/verification.js";
 import AudioMenu from "./audio/index.js";
 import NetworkMenu from "./network/index.js";
 import BluetoothMenu from "./bluetooth/index.js";
+import MediaMenu from "./media/index.js";
 
-export default [PowerMenu(), Verification(), AudioMenu(), NetworkMenu(), BluetoothMenu()];
+export default [PowerMenu(), Verification(), AudioMenu(), NetworkMenu(), BluetoothMenu(), MediaMenu()];

modules/menus/media/index.js

@@ -0,0 +1,31 @@
+const audio = await Service.import("mpris");
+import DropdownMenu from "../DropdownMenu.js";
+
+export default () => {
+  return DropdownMenu({
+    name: "mediamenu",
+    transition: "crossfade",
+    child: Widget.Box({
+      class_name: "menu-items",
+      child: Widget.Box({
+        vertical: true,
+        class_name: "menu-items-container",
+        children: [
+          Widget.Box({
+            class_name: "menu-dropdown-label-container",
+            hpack: "start",
+            children: [
+              Widget.Label({
+                class_name: "menu-dropdown-label media",
+                label: "Media",
+              }),
+            ],
+          }),
+          Widget.Separator({
+            class_name: "menu-separator",
+          }),
+        ],
+      }),
+    }),
+  });
+};

modules/menus/power/verification.js

@@ -15,7 +15,7 @@ export default () =>
           children: [
             Widget.Label({
               class_name: "title",
-              label: powermenu.bind("title"),
+              label: powermenu.bind("title").as(t => t.toUpperCase()),
             }),
             Widget.Label({
               class_name: "desc",

scss/bar/audio.scss

@@ -1,31 +1,5 @@
 @import '../colors';
 
-.audio-volume-box {
-  .audio-volume-label {
-    min-width: 3rem;
-  }
-}
-
-.mixer-item {
-  margin: 5px 0px;
-
-  .mixer-item-volume {
-    margin: 0px 8px;
-  }
-
-  .mixer-item-title {
-    margin: 0px 8px;
-  }
-
-  .mixer-item-slider {
-    margin: 8px;
-  }
-
-  image {
-    font-size: 40px;
-  }
-}
-
 .bar-volume_icon {
   font-size: 1.3rem;
   color: $peach;

scss/bar/bar.scss

@@ -2,15 +2,13 @@
 
 .bar {
   background: $mantle;
-  font-size: 1.15rem;
-  font-weight: 800;
 }
 
 .bar_item_box_visible {
   background: $surface0;
-  border-radius: 8px;
+  border-radius: 0.35rem;
-  padding: 2px 12px;
+  padding: 0.2rem 0.9rem;
-  margin: 6px 3px;
+  margin: 0.5rem 0.25rem;
 
   &:hover {
     background: $surface1;
@@ -19,15 +17,15 @@
 
 .bar_item_box_hidden {
   background: none;
-  border-radius: 0px;
+  border-radius: 0rem;
-  padding: 0px 0px 0px 0px;
+  padding: 0rem 0rem 0rem 0rem;
-  margin: 0px 0px 0px 0px;
+  margin: 0rem 0rem 0rem 0rem;
 }
 
 .box-left {
-  margin-left: 25px;
+  margin-left: 1.9rem;
 }
 
 .box-right {
-  margin-right: 25px;
+  margin-right: 1.9rem;
 }

scss/bar/menu.scss

@@ -2,6 +2,6 @@
 
 .bar-menu_label {
   color: $teal;
-  margin-right: 20px;
+  margin-right: 1.5rem;
   font-size: 2rem;
 }

scss/bar/power.scss

@@ -2,5 +2,5 @@
 
 .bar-power_label {
   color: $red;
-  margin-right: 2px;
+  margin-right: 0.2rem;
 }

scss/bar/systray.scss

@@ -1,7 +1,7 @@
 @import "../colors";
 
 .systray button:not(:first-child) {
-  margin-left: 10px;
+  margin-left: 0.75rem;
 }
 
 .systray-menu {
@@ -9,7 +9,7 @@
 }
 .systray-menu label {
   font-weight: bold;
-  color: $lavender;
+  color: $text;
 }
 
 .systray-menu separator {

scss/bar/workspace.scss

@@ -2,29 +2,29 @@
 
 .workspaces {
   label {
-    font-size: 0px;
+    font-size: 0rem;
-    min-width: 12px;
+    min-width: 0.9rem;
-    min-height: 12px;
+    min-height: 0.9rem;
-    border-radius: 11px * .6;
+    border-radius: 1.9rem * .6;
-    margin: 0px 7px * .5;
+    margin: 0rem 0.5rem * .5;
     transition: 300ms * .5;
-    background-color: $lavender;
+    background-color: $mauve;
 
     &.occupied {
-      background-color: $maroon;
+      background-color: $yellow;
-      min-width: 12px;
+      min-width: 0.9rem;
-      min-height: 12px;
+      min-height: 0.9rem;
     }
 
     &.active {
       background-color: $sky;
-      min-width: 30px;
+      min-width: 2.2rem;
-      min-height: 12px;
+      min-height: 0.9rem;
     }
   }
 }
 
 
 .workspaces label:not(:first-child) {
-  margin-left: 12px;
+  margin-left: 0.9rem;
 }

scss/common/floating-widget.scss

@@ -1,11 +1,10 @@
 @import "../colors";
 
 @mixin floating-widget {
-    // box-shadow: 0 0 5px 0 $shadow-color;
     margin: max($spacing, 8px);
-    border: 2px solid $surface0;
+    border: 0.2rem solid $surface0;
     background-color: $base;
     color: $primary_fg;
-    border-radius: 11px;
+    border-radius: 0.5rem;
-    padding: 20px;
+    padding: 1.5rem;
 }

scss/menus/menu.scss

@@ -111,7 +111,7 @@
 .menu-items {
     background: $mantle;
     border: .25rem solid $surface0;
-    border-radius: .7rem;
+    border-radius: .5rem;
     min-width: 375px;
     color: $text;
 }

scss/menus/power.scss

@@ -6,42 +6,39 @@ window#verification {
     background-color: rgba(0, 0, 0, .4);
 }
 
-$popover-padding: 7px * 1.6;
+$popover-padding: 0.6rem * 1.6;
-$padding: 7px;
-$spacing: 12px;
-$radius: 11px;
 
 window#verification .verification {
     @include floating-widget;
-    padding: 7px * 1.6 * 1.5;
+    padding: 0.5rem * 1.6 * 1.5;
-    min-width: 300px;
+    min-width: 20rem;
-    min-height: 80px;
+    min-height: 8rem;
     font-size: 1.3em;
 
     .text-box {
-        margin-bottom: $spacing;
+        margin-bottom: 0.4rem;
 
         .title {
             font-size: 1.6em;
             color: $maroon;
-            margin-bottom: 10px;
+            margin-bottom: 0.75rem;
         }
 
         .desc {
             color: $lavender;
             font-size: 1.1em;
-            margin-bottom: 10px;
+            margin-bottom: 0.75rem;
-            padding: 15px 30px;
+            padding: 1.15rem 2.25rem;
         }
     }
 
     .verification-button {
         background: $crust;
-        padding: 10px 0px;
+        padding: 0.75rem 0rem;
-        margin: 5px 25px;
+        margin: 0.4rem 1.9rem;
-        border: 2px solid;
+        border: 0.2rem solid;
         border-color: $crust;
-        border-radius: $radius;
+        border-radius: 0.4rem;
         opacity: 1;
         transition: border-color 0.2s ease-in-out;
         transition: opacity .3s ease-in-out;

scss/notifications/popups.scss

@@ -8,10 +8,10 @@
   color: $text;
   background: $mantle;
   margin-right: 0.5rem;
-  border: 0.15rem solid $lavender;
+  border: 0.2rem solid $lavender;
   min-width: 25rem;
   min-height: 6rem;
-  border-radius: 0.8rem;
+  border-radius: 0.4rem;
   &:first-child {
     margin-top: 3.5rem;
   }
@@ -29,10 +29,10 @@
   margin: 0.5rem 0.75rem;
   min-width: 4rem;
   min-height: 4rem;
-  border-radius: 0.7rem;
+  border-radius: 0.4rem;
 }
 .notification-card-image {
-  border-radius: 0.5rem;
+  border-radius: 0.4rem;
   min-width: 3rem;
   min-height: 3rem;
   padding: 1rem 1rem;
@@ -45,19 +45,16 @@
   min-width: 3.5rem;
   min-height: 3.5rem;
   padding: 0.6rem 0.6rem;
-  // margin: 0.2rem 0rem;
   margin-right: 1rem;
 }
 
 .notification-card-appname-label {
-  // margin-top: 0.4rem;
   font-size: 0.9rem;
   color: $pink;
 }
 
 .notification-card-header-label {
   font-size: 1.15rem;
-  // margin-bottom: 0.25rem;
   color: $lavender;
 }
 

style.css

@@ -276,30 +276,10 @@ spinner:checked {
 
 .bar-menu_label {
   color: #94e2d5;
-  margin-right: 20px;
+  margin-right: 1.5rem;
   font-size: 2rem;
 }
 
-.audio-volume-box .audio-volume-label {
-  min-width: 3rem;
-}
-
-.mixer-item {
-  margin: 5px 0px;
-}
-.mixer-item .mixer-item-volume {
-  margin: 0px 8px;
-}
-.mixer-item .mixer-item-title {
-  margin: 0px 8px;
-}
-.mixer-item .mixer-item-slider {
-  margin: 8px;
-}
-.mixer-item image {
-  font-size: 40px;
-}
-
 .bar-volume_icon {
   font-size: 1.3rem;
   color: #fab387;
@@ -348,27 +328,27 @@ spinner:checked {
 }
 
 .workspaces label {
-  font-size: 0px;
+  font-size: 0rem;
-  min-width: 12px;
+  min-width: 0.9rem;
-  min-height: 12px;
+  min-height: 0.9rem;
-  border-radius: 6.6px;
+  border-radius: 1.14rem;
-  margin: 0px 3.5px;
+  margin: 0rem 0.25rem;
   transition: 150ms;
-  background-color: #b4befe;
+  background-color: #cba6f7;
 }
 .workspaces label.occupied {
-  background-color: #eba0ac;
+  background-color: #f9e2af;
-  min-width: 12px;
+  min-width: 0.9rem;
-  min-height: 12px;
+  min-height: 0.9rem;
 }
 .workspaces label.active {
   background-color: #89dceb;
-  min-width: 30px;
+  min-width: 2.2rem;
-  min-height: 12px;
+  min-height: 0.9rem;
 }
 
 .workspaces label:not(:first-child) {
-  margin-left: 12px;
+  margin-left: 0.9rem;
 }
 
 .window_title {
@@ -376,7 +356,7 @@ spinner:checked {
 }
 
 .systray button:not(:first-child) {
-  margin-left: 10px;
+  margin-left: 0.75rem;
 }
 
 .systray-menu {
@@ -385,7 +365,7 @@ spinner:checked {
 
 .systray-menu label {
   font-weight: bold;
-  color: #b4befe;
+  color: #cdd6f4;
 }
 
 .systray-menu separator {
@@ -403,20 +383,18 @@ spinner:checked {
 
 .bar-power_label {
   color: #f38ba8;
-  margin-right: 2px;
+  margin-right: 0.2rem;
 }
 
 .bar {
   background: #181825;
-  font-size: 1.15rem;
-  font-weight: 800;
 }
 
 .bar_item_box_visible {
   background: #313244;
-  border-radius: 8px;
+  border-radius: 0.35rem;
-  padding: 2px 12px;
+  padding: 0.2rem 0.9rem;
-  margin: 6px 3px;
+  margin: 0.5rem 0.25rem;
 }
 .bar_item_box_visible:hover {
   background: #45475a;
@@ -424,17 +402,17 @@ spinner:checked {
 
 .bar_item_box_hidden {
   background: none;
-  border-radius: 0px;
+  border-radius: 0rem;
-  padding: 0px 0px 0px 0px;
+  padding: 0rem 0rem 0rem 0rem;
-  margin: 0px 0px 0px 0px;
+  margin: 0rem 0rem 0rem 0rem;
 }
 
 .box-left {
-  margin-left: 25px;
+  margin-left: 1.9rem;
 }
 
 .box-right {
-  margin-right: 25px;
+  margin-right: 1.9rem;
 }
 
 .menu-slider trough {
@@ -499,7 +477,7 @@ spinner:checked {
 .menu-items {
   background: #181825;
   border: 0.25rem solid #313244;
-  border-radius: 0.7rem;
+  border-radius: 0.5rem;
   min-width: 375px;
   color: #cdd6f4;
 }
@@ -603,37 +581,37 @@ window#verification {
 
 window#verification .verification {
   margin: 12px;
-  border: 2px solid #313244;
+  border: 0.2rem solid #313244;
   background-color: #1e1e2e;
   color: #9278b6;
-  border-radius: 11px;
+  border-radius: 0.5rem;
-  padding: 20px;
+  padding: 1.5rem;
-  padding: 16.8px;
+  padding: 1.2rem;
-  min-width: 300px;
+  min-width: 20rem;
-  min-height: 80px;
+  min-height: 8rem;
   font-size: 1.3em;
 }
 window#verification .verification .text-box {
-  margin-bottom: 12px;
+  margin-bottom: 0.4rem;
 }
 window#verification .verification .text-box .title {
   font-size: 1.6em;
   color: #eba0ac;
-  margin-bottom: 10px;
+  margin-bottom: 0.75rem;
 }
 window#verification .verification .text-box .desc {
   color: #b4befe;
   font-size: 1.1em;
-  margin-bottom: 10px;
+  margin-bottom: 0.75rem;
-  padding: 15px 30px;
+  padding: 1.15rem 2.25rem;
 }
 window#verification .verification .verification-button {
   background: #11111b;
-  padding: 10px 0px;
+  padding: 0.75rem 0rem;
-  margin: 5px 25px;
+  margin: 0.4rem 1.9rem;
-  border: 2px solid;
+  border: 0.2rem solid;
   border-color: #11111b;
-  border-radius: 11px;
+  border-radius: 0.4rem;
   opacity: 1;
   transition: border-color 0.2s ease-in-out;
   transition: opacity 0.3s ease-in-out;
@@ -679,17 +657,17 @@ window#verification .verification .bar-verification_yes label {
 
 window#powermenu .powermenu {
   margin: 12px;
-  border: 2px solid #313244;
+  border: 0.2rem solid #313244;
   background-color: #1e1e2e;
   color: #9278b6;
-  border-radius: 11px;
+  border-radius: 0.5rem;
-  padding: 20px;
+  padding: 1.5rem;
 }
 window#powermenu .powermenu.line {
-  padding: 16.8px;
+  padding: 1.44rem;
 }
 window#powermenu .powermenu.box {
-  padding: 22.4px;
+  padding: 1.92rem;
 }
 
 .widget-button {
@@ -838,10 +816,10 @@ window#powermenu .powermenu.box {
   color: #cdd6f4;
   background: #181825;
   margin-right: 0.5rem;
-  border: 0.15rem solid #b4befe;
+  border: 0.2rem solid #b4befe;
   min-width: 25rem;
   min-height: 6rem;
-  border-radius: 0.8rem;
+  border-radius: 0.4rem;
 }
 .notification-card:first-child {
   margin-top: 3.5rem;
@@ -858,11 +836,11 @@ window#powermenu .powermenu.box {
   margin: 0.5rem 0.75rem;
   min-width: 4rem;
   min-height: 4rem;
-  border-radius: 0.7rem;
+  border-radius: 0.4rem;
 }
 
 .notification-card-image {
-  border-radius: 0.5rem;
+  border-radius: 0.4rem;
   min-width: 3rem;
   min-height: 3rem;
   padding: 1rem 1rem;

style.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["scss/main.scss","scss/common/common.scss","scss/colors.scss","scss/common/widget-button.scss","scss/bar/menu.scss","scss/bar/audio.scss","scss/bar/media.scss","scss/bar/network.scss","scss/bar/bluetooth.scss","scss/bar/clock.scss","scss/bar/workspace.scss","scss/bar/window_title.scss","scss/bar/systray.scss","scss/bar/power.scss","scss/bar/bar.scss","scss/menus/menu.scss","scss/menus/power.scss","scss/common/floating-widget.scss","scss/menus/audiomenu.scss","scss/menus/bluetooth.scss","scss/notifications/popups.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;;;ACJF;EACE;EACA;EACA,kBCFgB;EDGhB;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI,kBChBW;;ADkBf;EACE,OCnBa;;ADqBf;EACE;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA,kBC/Be;;;ADmCnB;EACE;EACA;EACA;EACA,OCvCiB;;;AD0CnB;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA,kBC9DiB;ED+DjB;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,kBC9EgB;;;ADiFlB;AAAA;EAEE;EACA,kBCpFgB;;;ADuFlB;AAAA;AAAA;EAGE,OC1FgB;ED2FhB,kBC7CW;;;ADgDb;AAAA;AAAA;EAGE;EACA,kBCpDW;;;ADuDb;AAAA;AAAA;EAGE;EACA,kBC3DW;;;AD8Db;EACE;EACA;EACA;EACA;EACA,kBChHiB;EDiHjB;EACA;EACA;;;AAGF;EACE,kBC1EW;;;AD6Eb;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBCvIc;EDwId;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA,kBChKiB;;;ADmKnB;EACE;EACA,kBCxHW;;;AD2Hb;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA,OC1IW;ED2IX,kBCzLgB;ED0LhB;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,kBC1MgB;ED2MhB,OC5Mc;ED6Md;;;AAGF;EACE;EACA;EACA,kBCjNiB;;;ADoNnB;EACE;IACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AE/NF;EACE,YDmCM;EClCN;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cD2BM;EC1BN;EACA;;AAEA;EACE;EACA,cDSO;ECRP;;AAGF;EAEE;EACA,cDEO;;ACCT;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","file":"style.css"}
+{"version":3,"sourceRoot":"","sources":["scss/main.scss","scss/common/common.scss","scss/colors.scss","scss/common/widget-button.scss","scss/bar/menu.scss","scss/bar/audio.scss","scss/bar/media.scss","scss/bar/network.scss","scss/bar/bluetooth.scss","scss/bar/clock.scss","scss/bar/workspace.scss","scss/bar/window_title.scss","scss/bar/systray.scss","scss/bar/power.scss","scss/bar/bar.scss","scss/menus/menu.scss","scss/menus/power.scss","scss/common/floating-widget.scss","scss/menus/audiomenu.scss","scss/menus/bluetooth.scss","scss/notifications/popups.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;;;ACJF;EACE;EACA;EACA,kBCFgB;EDGhB;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI,kBChBW;;ADkBf;EACE,OCnBa;;ADqBf;EACE;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA,kBC/Be;;;ADmCnB;EACE;EACA;EACA;EACA,OCvCiB;;;AD0CnB;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA,kBC9DiB;ED+DjB;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,kBC9EgB;;;ADiFlB;AAAA;EAEE;EACA,kBCpFgB;;;ADuFlB;AAAA;AAAA;EAGE,OC1FgB;ED2FhB,kBC7CW;;;ADgDb;AAAA;AAAA;EAGE;EACA,kBCpDW;;;ADuDb;AAAA;AAAA;EAGE;EACA,kBC3DW;;;AD8Db;EACE;EACA;EACA;EACA;EACA,kBChHiB;EDiHjB;EACA;EACA;;;AAGF;EACE,kBC1EW;;;AD6Eb;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBCvIc;EDwId;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA,kBChKiB;;;ADmKnB;EACE;EACA,kBCxHW;;;AD2Hb;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA,OC1IW;ED2IX,kBCzLgB;ED0LhB;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,kBC1MgB;ED2MhB,OC5Mc;ED6Md;;;AAGF;EACE;EACA;EACA,kBCjNiB;;;ADoNnB;EACE;IACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AE/NF;EACE,YDmCM;EClCN;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cD2BM;EC1BN;EACA;;AAEA;EACE;EACA,cDSO;ECRP;;AAGF;EAEE;EACA,cDEO;;ACCT;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","file":"style.css"}