diff --git a/modules/bar/notifications/index.js b/modules/bar/notifications/index.js index 88e8cb3..bdda11d 100644 --- a/modules/bar/notifications/index.js +++ b/modules/bar/notifications/index.js @@ -1,9 +1,6 @@ const notifs = await Service.import("notifications"); export const Notifications = () => { - notifs.connect("changed", () => { - console.log(JSON.stringify(notifs, null, 2)); - }); return { component: Widget.Box({ hpack: "start", diff --git a/modules/bar/window_title/index.js b/modules/bar/window_title/index.js index 6033a1d..dc6ca95 100644 --- a/modules/bar/window_title/index.js +++ b/modules/bar/window_title/index.js @@ -9,9 +9,9 @@ const filterTitle = (windowtitle) => { ["org.kde.dolphin", " Dolphin"], ["plex", "󰚺 Plex"], ["steam", " Steam"], - ["", "󰇄 Desktop"], ["spotify", "󰓇 Spotify"], ["obsidian", "󱓧 Obsidian"], + ["^$", "󰇄 Desktop"], ["(.+)", `󰣆 ${windowtitle.class.charAt(0).toUpperCase() + windowtitle.class.slice(1)}`], ]; diff --git a/modules/menus/PopupWindow.js b/modules/menus/PopupWindow.js index f83fa58..5eb893d 100644 --- a/modules/menus/PopupWindow.js +++ b/modules/menus/PopupWindow.js @@ -1,132 +1,152 @@ -export const Padding = (name) => Widget.EventBox({ +export const Padding = (name, opts = {}) => + Widget.EventBox({ + class_name: opts?.className || "", hexpand: true, - vexpand: true, + vexpand: typeof opts?.vexpand === "boolean" ? opts.vexpand : true, can_focus: false, child: Widget.Box(), - setup: w => w.on("button-press-event", () => App.toggleWindow(name)), -}) + setup: (w) => w.on("button-press-event", () => App.toggleWindow(name)), + }); -const PopupRevealer = ( - name, - child, - transition = "slide_down", -) => Widget.Box( +const PopupRevealer = (name, child, transition = "slide_down") => + Widget.Box( { css: "padding: 1px;" }, Widget.Revealer({ - transition, - child: Widget.Box({ - class_name: `window-content ${name}`, - child, - }), - transitionDuration: 200, - setup: self => self.hook(App, (_, wname, visible) => { - if (wname === name) - self.reveal_child = visible + transition, + child: Widget.Box({ + class_name: `window-content ${name}-window`, + child, + }), + transitionDuration: 200, + setup: (self) => + self.hook(App, (_, wname, visible) => { + if (wname === name) self.reveal_child = visible; }), }), -) + ); const Layout = (name, child, transition) => ({ - "center": () => Widget.CenterBox({}, + center: () => + Widget.CenterBox( + {}, + Padding(name), + Widget.CenterBox( + { vertical: true }, Padding(name), - Widget.CenterBox( - { vertical: true }, - Padding(name), - PopupRevealer(name, child, transition), - Padding(name), - ), + PopupRevealer(name, child, transition), Padding(name), + ), + Padding(name), ), - "top": () => Widget.CenterBox({}, - Padding(name), - Widget.Box( - { vertical: true }, - PopupRevealer(name, child, transition), - Padding(name), - ), + top: () => + Widget.CenterBox( + {}, + Padding(name), + Widget.Box( + { vertical: true }, + PopupRevealer(name, child, transition), Padding(name), + ), + Padding(name), ), - "top-right": () => Widget.Box({}, + "top-right": () => + Widget.Box( + {}, + Padding(name), + Widget.Box( + { + hexpand: false, + vertical: true, + }, + Padding(name, { + vexpand: false, + className: "top-right-event-box_top", + }), + PopupRevealer(name, child, transition), Padding(name), - Widget.Box( - { - hexpand: false, - vertical: true, - }, - PopupRevealer(name, child, transition), - Padding(name), - ), + ), ), - "top-center": () => Widget.Box({}, - Padding(name), - Widget.Box( - { - hexpand: false, - vertical: true, - }, - PopupRevealer(name, child, transition), - Padding(name), - ), + "top-center": () => + Widget.Box( + {}, + Padding(name), + Widget.Box( + { + hexpand: false, + vertical: true, + }, + PopupRevealer(name, child, transition), Padding(name), + ), + Padding(name), ), - "top-left": () => Widget.Box({}, - Widget.Box( - { - hexpand: false, - vertical: true, - }, - PopupRevealer(name, child, transition), - Padding(name), - ), + "top-left": () => + Widget.Box( + {}, + Widget.Box( + { + hexpand: false, + vertical: true, + }, + PopupRevealer(name, child, transition), Padding(name), + ), + Padding(name), ), - "bottom-left": () => Widget.Box({}, - Widget.Box( - { - hexpand: false, - vertical: true, - }, - Padding(name), - PopupRevealer(name, child, transition), - ), + "bottom-left": () => + Widget.Box( + {}, + Widget.Box( + { + hexpand: false, + vertical: true, + }, Padding(name), + PopupRevealer(name, child, transition), + ), + Padding(name), ), - "bottom-center": () => Widget.Box({}, - Padding(name), - Widget.Box( - { - hexpand: false, - vertical: true, - }, - Padding(name), - PopupRevealer(name, child, transition), - ), + "bottom-center": () => + Widget.Box( + {}, + Padding(name), + Widget.Box( + { + hexpand: false, + vertical: true, + }, Padding(name), + PopupRevealer(name, child, transition), + ), + Padding(name), ), - "bottom-right": () => Widget.Box({}, + "bottom-right": () => + Widget.Box( + {}, + Padding(name), + Widget.Box( + { + hexpand: false, + vertical: true, + }, Padding(name), - Widget.Box( - { - hexpand: false, - vertical: true, - }, - Padding(name), - PopupRevealer(name, child, transition), - ), + PopupRevealer(name, child, transition), + ), ), -}) +}); export default ({ - name, - child, - layout = "center", - transition, - exclusivity = "ignore", - ...props -}) => Widget.Window({ + name, + child, + layout = "center", + transition, + exclusivity = "ignore", + ...props +}) => + Widget.Window({ name, class_names: [name, "popup-window"], - setup: w => w.keybind("Escape", () => App.closeWindow(name)), + setup: (w) => w.keybind("Escape", () => App.closeWindow(name)), visible: false, keymode: "on-demand", exclusivity, @@ -134,4 +154,4 @@ export default ({ anchor: ["top", "bottom", "right", "left"], child: Layout(name, child, transition)[layout](), ...props, -}) + }); diff --git a/modules/menus/bluetooth/index.js b/modules/menus/bluetooth/index.js index c6b5614..8cc718d 100644 --- a/modules/menus/bluetooth/index.js +++ b/modules/menus/bluetooth/index.js @@ -131,8 +131,6 @@ export default () => { }); }; - console.log(JSON.stringify(btDevices, null, 2)); - return btDevices.length === 0 ? noDevices() : deviceList(); }; diff --git a/modules/menus/network/index.js b/modules/menus/network/index.js index 3debe4f..7a6bd62 100644 --- a/modules/menus/network/index.js +++ b/modules/menus/network/index.js @@ -40,7 +40,6 @@ export default () => { vertical: true, setup: (self) => { self.hook(network, () => { - // console.log(JSON.stringify(network, null, 2)); self.hook(pendingAuth, () => { let sortedNetworks = []; diff --git a/modules/menus/notifications/index.js b/modules/menus/notifications/index.js index 379a828..209fb3c 100644 --- a/modules/menus/notifications/index.js +++ b/modules/menus/notifications/index.js @@ -19,192 +19,267 @@ export default () => { class_name: "notification-card-container menu", spacing: 0, vertical: true, - hexpand: true, + hexpand: false, vexpand: false, - child: Widget.Box({ - vexpand: false, - spacing: 0, - vertical: true, - setup: (self) => { - self.hook(notifs, () => { - const imageContainer = (notif) => { - if (notif.image !== undefined) { - return [ - Widget.Box({ - class_name: "notification-card-image-container menu", - hpack: "center", - vpack: "center", - vexpand: false, - child: Widget.Box({ - hpack: "center", - vexpand: false, - class_name: "notification-card-image menu", - css: `background-image: url("${notif.image}")`, - }), - }), - ]; - } - - return []; - }; - - const actionsContainer = (notif) => { - if (notif.actions !== undefined && notif.actions.length > 0) { - return [ - Widget.Box({ - class_name: "notification-card-actions menu", - hexpand: true, - vpack: "end", - children: notif.actions.map((action) => { - return Widget.Button({ - hexpand: true, - class_name: "notification-action-buttons menu", - on_primary_click: () => { - notif.invoke(action.id); - }, - child: Widget.Box({ - hpack: "center", - hexpand: true, - children: [ - Widget.Label({ - class_name: - "notification-action-buttons-label menu", - hexpand: true, - label: action.label, - }), - ], - }), - }); - }), - }), - ]; - } - - return []; - }; - - const NotificationIcon = ({ - app_entry, - app_icon, - app_name, - }) => { - let icon = icons.fallback.notification; - - if ( - Utils.lookUpIcon(app_name) || - Utils.lookUpIcon(app_name.toLowerCase() || "") - ) - icon = Utils.lookUpIcon(app_name) - ? app_name - : Utils.lookUpIcon(app_name.toLowerCase()) - ? app_name.toLowerCase() - : ""; - - if (Utils.lookUpIcon(app_icon) && icon === "") - icon = app_icon; - - if (Utils.lookUpIcon(app_entry || "") && icon === "") - icon = app_entry || ""; - - return Widget.Box({ - css: ` - min-width: 2rem; - min-height: 2rem; - `, - child: Widget.Icon({ - class_name: "notification-icon menu", - icon, + children: [ + Widget.Box({ + class_name: "notification-menu-controls", + vertical: false, + children: [ + Widget.Box({ + class_name: "menu-label-container notifications", + hpack: "start", + vpack: "center", + expand: true, + children: [ + Widget.Label({ + class_name: "menu-label notifications", + label: "Notifications", }), - }); - }; + ], + }), + Widget.Box({ + hpack: "end", + vpack: "center", + expand: false, + children: [ + Widget.Switch({ + class_name: "menu-switch notifications", + active: notifs.bind("dnd").as((dnd) => !dnd), + on_activate: ({ active }) => { + notifs.dnd = !active; + }, + }), + ], + }), + ], + }), + Widget.Separator({ + class_name: "menu-separator notifications", + }), + Widget.Box({ + hpack: "end", + children: notifs.bind("notifications").as((n) => { + if (n.length > 0) { + return [ + Widget.Button({ + class_name: "clear-notifications-button", + on_primary_click: () => notifs.clear(), + child: Widget.Label({ + class_name: "clear-notifications-label", + label: "clear", + }), + }), + ]; + } + return []; + }), + }), + Widget.Box({ + class_name: "menu-content-container notifications", + hpack: "center", + expand: false, + spacing: 0, + vertical: true, + setup: (self) => { + self.hook(notifs, () => { + const imageContainer = (notif) => { + if (notif.image !== undefined) { + return [ + Widget.Box({ + class_name: "notification-card-image-container menu", + hpack: "center", + vpack: "center", + vexpand: false, + child: Widget.Box({ + hpack: "center", + vexpand: false, + class_name: "notification-card-image menu", + css: `background-image: url("${notif.image}")`, + }), + }), + ]; + } - const sortedNotifications = notifs.notifications.sort( - (a, b) => b.time - a.time, - ); + return []; + }; - return (self.children = sortedNotifications.map((notif) => { - return Widget.Box({ - class_name: "notification-card menu", - vpack: "start", - hexpand: true, - children: [ - ...imageContainer(notif), - Widget.Box({ - vpack: "start", - vertical: true, - hexpand: true, - class_name: `notification-card-content ${notif.image === undefined ? "noimg" : " menu"}`, - children: [ - Widget.Box({ - vertical: false, - hexpand: true, - children: [ - Widget.Box({ - class_name: "notification-card-header menu", + const actionsContainer = (notif) => { + if ( + notif.actions !== undefined && + notif.actions.length > 0 + ) { + return [ + Widget.Box({ + class_name: "notification-card-actions menu", + hexpand: true, + vpack: "end", + children: notif.actions.map((action) => { + return Widget.Button({ + hexpand: true, + class_name: "notification-action-buttons menu", + on_primary_click: () => { + notif.invoke(action.id); + }, + child: Widget.Box({ + hpack: "center", hexpand: true, - vpack: "start", children: [ Widget.Label({ class_name: - "notification-card-header-label menu", - hpack: "start", + "notification-action-buttons-label menu", hexpand: true, - vexpand: true, - max_width_chars: - notif.image === undefined ? 27 : 20, - truncate: "end", - wrap: true, - label: notif["summary"], + label: action.label, }), ], }), - Widget.Box({ - class_name: "notification-card-header menu", - hexpand: true, - hpack: "end", - children: [NotificationIcon(notif)], - }), - ], + }); }), - Widget.Box({ - vpack: "start", - hexpand: true, - class_name: "notification-card-body menu", - children: [ - Widget.Label({ - hexpand: true, - use_markup: true, - xalign: 0, - justification: "left", - truncate: "end", - lines: 2, - max_width_chars: - notif.image === undefined ? 35 : 28, - wrap: true, - class_name: "notification-card-body-label menu", - label: notif["body"], - }), - ], - }), - ...actionsContainer(notif), - ], + }), + ]; + } + + return []; + }; + + const NotificationIcon = ({ + app_entry, + app_icon, + app_name, + }) => { + let icon = icons.fallback.notification; + + if ( + Utils.lookUpIcon(app_name) || + Utils.lookUpIcon(app_name.toLowerCase() || "") + ) + icon = Utils.lookUpIcon(app_name) + ? app_name + : Utils.lookUpIcon(app_name.toLowerCase()) + ? app_name.toLowerCase() + : ""; + + if (Utils.lookUpIcon(app_icon) && icon === "") + icon = app_icon; + + if (Utils.lookUpIcon(app_entry || "") && icon === "") + icon = app_entry || ""; + + return Widget.Box({ + css: ` + min-width: 2rem; + min-height: 2rem; + `, + child: Widget.Icon({ + class_name: "notification-icon menu", + icon, }), - Widget.Button({ - class_name: "close-notification-button menu", - on_primary_click: () => { - notifs.CloseNotification(notif.id); - }, + }); + }; + + const sortedNotifications = notifs.notifications.sort( + (a, b) => b.time - a.time, + ); + + if (notifs.notifications.length <= 0) { + return (self.children = [ + Widget.Box({ + vpack: "center", + hpack: "center", + expand: true, child: Widget.Label({ - label: "󰅜", - hpack: "center", + class_name: "placehold-label dim", + label: "You're all caught up :)", }), }), - ], - }); - })); - }); - }, - }), + ]); + } + + return (self.children = sortedNotifications.map((notif) => { + return Widget.Box({ + class_name: "notification-card menu", + vpack: "center", + hexpand: false, + children: [ + ...imageContainer(notif), + Widget.Box({ + vpack: "center", + vertical: true, + hexpand: true, + class_name: `notification-card-content ${notif.image === undefined ? "noimg" : " menu"}`, + children: [ + Widget.Box({ + vertical: false, + hexpand: true, + children: [ + Widget.Box({ + class_name: "notification-card-header menu", + hexpand: true, + vpack: "start", + children: [ + Widget.Label({ + class_name: + "notification-card-header-label menu", + hpack: "start", + hexpand: true, + vexpand: true, + max_width_chars: + notif.image === undefined ? 27 : 20, + truncate: "end", + wrap: true, + label: notif["summary"], + }), + ], + }), + Widget.Box({ + class_name: "notification-card-header menu", + hexpand: true, + hpack: "end", + children: [NotificationIcon(notif)], + }), + ], + }), + Widget.Box({ + vpack: "start", + hexpand: true, + class_name: "notification-card-body menu", + children: [ + Widget.Label({ + hexpand: true, + use_markup: true, + xalign: 0, + justification: "left", + truncate: "end", + lines: 2, + max_width_chars: + notif.image === undefined ? 35 : 28, + wrap: true, + class_name: + "notification-card-body-label menu", + label: notif["body"], + }), + ], + }), + ...actionsContainer(notif), + ], + }), + Widget.Button({ + class_name: "close-notification-button menu", + on_primary_click: () => { + notifs.CloseNotification(notif.id); + }, + child: Widget.Label({ + label: "󰅜", + hpack: "center", + }), + }), + ], + }); + })); + }); + }, + }), + ], }), ], }), diff --git a/modules/notifications/index.js b/modules/notifications/index.js index 2c85537..2f862e4 100644 --- a/modules/notifications/index.js +++ b/modules/notifications/index.js @@ -17,10 +17,6 @@ export default () => { hexpand: true, setup: (self) => { self.hook(notifs, () => { - if (notifs.dnd) { - return []; - } - const imageContainer = (notif) => { if (notif.image !== undefined) { return [ diff --git a/scss/bar/workspace.scss b/scss/bar/workspace.scss index 5273664..5b686a2 100644 --- a/scss/bar/workspace.scss +++ b/scss/bar/workspace.scss @@ -3,8 +3,8 @@ .workspaces { label { font-size: 0.2em; - min-width: 5em; - min-height: 5em; + min-width: 4.5em; + min-height: 4.5em; border-radius: 1.9rem * .6; margin: 0rem 0.5rem * .5; transition: 300ms * .5; @@ -14,15 +14,15 @@ &.occupied { background-color: $yellow; color: $yellow; - min-width: 5em; - min-height: 5em; + min-width: 4.5em; + min-height: 4.5em; } &.active { color: $sky; background-color: $sky; min-width: 11em; - min-height: 5em; + min-height: 4.5em; } } } diff --git a/scss/main.scss b/scss/main.scss index 888f2c4..b977abf 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -1,6 +1,6 @@ * { all: unset; - font-family: "Ubuntu"; + font-family: "Ubuntu Nerd Font"; font-size: 1.2rem; font-weight: 600; } diff --git a/scss/menus/menu.scss b/scss/menus/menu.scss index 023d00d..5bf2641 100644 --- a/scss/menus/menu.scss +++ b/scss/menus/menu.scss @@ -70,22 +70,12 @@ &:active { background-color: $sky; - highlight, - progress { - } } &:disabled { - - highlight, - progress { - } } trough:focus { - - slider { - } } } diff --git a/scss/menus/notifications.scss b/scss/menus/notifications.scss index 6af36d7..3d323e1 100644 --- a/scss/menus/notifications.scss +++ b/scss/menus/notifications.scss @@ -1,36 +1,67 @@ @import "../colors"; .notification-card-container.menu { - min-width: 28em; - min-height: 15em; - background: $base; - border: 0.2em solid $surface0; - border-radius: 0.4em; -} -.notification-card-container-scroll.menu { - // background-color: $pink; + margin-top: 0em; + min-width: 26em; + min-height: 6em; + background: $mantle; + border: 0.2em solid $surface0; border-radius: 0.4em; } -.window-content.notificationsmenu { - margin-top: -0.4em; - margin-right: 0.6em; +.window-content.notificationsmenu-window { + margin-right: 0.50em; +} + +.menu-content-container.notifications { + margin: 1em; + min-height: 4em; +} + +.notification-menu-controls { + margin: 0em 1em; } .notification-card.menu { - border: 0em; - border-bottom: 0.25em solid $surface0; - border-radius: 0em; - margin: 0rem; + background: $crust; + border: 0.1em solid $surface0; + margin: 0em; +} - &:first-child { - border-top: 0rem; - } +.menu-label-container.notifications { + margin: 0em 0em; +} - &:last-child { - border-bottom: 0rem; - } +.menu-label.notifications { + color: $lavender; + margin: 0.9em 0.5em; + margin-bottom: 0.7em; +} - &:not(:first-child) { - margin: 0rem; +.menu-separator.notifications { + background-color: $surface0; + margin: 0em 1em; +} +.menu-switch.notifications:checked { + &:checked { + background: $lavender; + } +} + +.clear-notifications-button { + margin-right: 1em; + margin-top: 0.4em; + + &:hover label { + color: $maroon; } } + +.clear-notifications-label { + color: $lavender; + font-size: 0.9em; +} + +.top-right-event-box_top *{ + min-height: 0em; + margin-top: 2.5em; +} diff --git a/scss/menus/power.scss b/scss/menus/power.scss index aac8d2d..2ac1cd9 100644 --- a/scss/menus/power.scss +++ b/scss/menus/power.scss @@ -19,14 +19,14 @@ window#verification .verification { margin-bottom: 0.4rem; .title { - font-size: 1.6em; + font-size: 1.5em; color: $maroon; margin-bottom: 0.75rem; } .desc { color: $lavender; - font-size: 1.1em; + font-size: 1em; margin-bottom: 0.75rem; padding: 1.15rem 2.25rem; } diff --git a/scss/notifications/popups.scss b/scss/notifications/popups.scss index fe1caa3..51e08d4 100644 --- a/scss/notifications/popups.scss +++ b/scss/notifications/popups.scss @@ -6,14 +6,14 @@ .notification-card { color: $text; background: $mantle; - margin-right: 0.4rem; - border: 0.15rem solid $surface0; - min-width: 28rem; + margin-right: 0.45em; + border: 0.15em solid $surface0; + min-width: 23.5em; min-height: 6rem; - border-radius: 0.4rem; + border-radius: 0.3em; &:not(:first-child) { - margin-top: 1rem; + margin-top: 0.85em; } } @@ -23,58 +23,53 @@ .notification-card-image-container { - margin: 0.75rem 0.75rem; - border-radius: 0.4rem; + margin: 0.65em 0.65em; + border-radius: 0.4em; } .notification-card-image { - border-radius: 0.4rem; - min-width: 3rem; - min-height: 3rem; - padding: 1rem 1rem; + border-radius: 0.4em; + min-width: 2.5em; + min-height: 2.5em; + padding: 0.85em 0.85em; background-size: contain; background-repeat: no-repeat; background-position: center; } .notification-card-content { - min-width: 3.5rem; - min-height: 3.5rem; - padding: 0.6rem 0.6rem; + min-width: 2.9em; + min-height: 2.9em; + padding: 0.5em 0.5em; margin-right: 1rem; } .notification-card-content.noimg { - margin-left: 1.5rem; - margin-top: .2rem; -} - -.notification-card-appname-label { - font-size: 0.9rem; - color: $pink; + margin-left: 1.3em; + margin-top: .15em; } .notification-card-header-label { - font-size: 1.15rem; - margin-bottom: 0.5rem; + font-size: 0.95em; + margin-bottom: 0.5em; color: $lavender; } .notification-card-body-label { - font-size: 1rem; + font-size: 0.84em; font-weight: 600; } .notification-card-actions { - margin-top: 1rem; - margin-bottom: 0.5rem; + margin-top: 0.95em; + margin-bottom: 0.4em; } .notification-action-buttons { color: $lavender; background: $surface0; - min-width: 6rem; - min-height: 2rem; - border-radius: 0.2rem; + min-width: 4em; + min-height: 1.65em; + border-radius: 0.2em; &:not(:last-child) { margin-right: 2rem; @@ -86,18 +81,18 @@ } .notification-icon { - margin-bottom: 0.6rem; - font-size: 1.5rem; + margin-bottom: 0.4em; + font-size: 1.3em; } .close-notification-button { background: $red; color: $crust; - min-width: 2.5rem; - border-radius: 0rem 0.35rem 0.35rem 0rem; + min-width: 2.1em; + border-radius: 0rem 0.35em 0.35em 0em; label { - font-size: 1.7rem; + font-size: 1.5em; } &:hover { diff --git a/style.css b/style.css index d06d26a..00189cd 100644 --- a/style.css +++ b/style.css @@ -1,6 +1,6 @@ * { all: unset; - font-family: "Ubuntu"; + font-family: "Ubuntu Nerd Font"; font-size: 1.2rem; font-weight: 600; } @@ -329,8 +329,8 @@ spinner:checked { .workspaces label { font-size: 0.2em; - min-width: 5em; - min-height: 5em; + min-width: 4.5em; + min-height: 4.5em; border-radius: 1.14rem; margin: 0rem 0.25rem; transition: 150ms; @@ -340,14 +340,14 @@ spinner:checked { .workspaces label.occupied { background-color: #f9e2af; color: #f9e2af; - min-width: 5em; - min-height: 5em; + min-width: 4.5em; + min-height: 4.5em; } .workspaces label.active { color: #89dceb; background-color: #89dceb; min-width: 11em; - min-height: 5em; + min-height: 4.5em; } .workspaces label:not(:first-child) { @@ -612,13 +612,13 @@ window#verification .verification .text-box { margin-bottom: 0.4rem; } window#verification .verification .text-box .title { - font-size: 1.6em; + font-size: 1.5em; color: #eba0ac; margin-bottom: 0.75rem; } window#verification .verification .text-box .desc { color: #b4befe; - font-size: 1.1em; + font-size: 1em; margin-bottom: 0.75rem; padding: 1.15rem 2.25rem; } @@ -1038,32 +1038,68 @@ image { box-shadow: none; } .notification-card-container.menu { - min-width: 28em; - min-height: 15em; - background: #1e1e2e; + margin-top: 0em; + min-width: 26em; + min-height: 6em; + background: #181825; border: 0.2em solid #313244; border-radius: 0.4em; } -.window-content.notificationsmenu { - margin-top: -0.4em; - margin-right: 0.6em; +.window-content.notificationsmenu-window { + margin-right: 0.5em; +} + +.menu-content-container.notifications { + margin: 1em; + min-height: 4em; +} + +.notification-menu-controls { + margin: 0em 1em; } .notification-card.menu { - border: 0em; - border-bottom: 0.25em solid #313244; - border-radius: 0em; - margin: 0rem; + background: #11111b; + border: 0.1em solid #313244; + margin: 0em; } -.notification-card.menu:first-child { - border-top: 0rem; + +.menu-label-container.notifications { + margin: 0em 0em; } -.notification-card.menu:last-child { - border-bottom: 0rem; + +.menu-label.notifications { + color: #b4befe; + margin: 0.9em 0.5em; + margin-bottom: 0.7em; } -.notification-card.menu:not(:first-child) { - margin: 0rem; + +.menu-separator.notifications { + background-color: #313244; + margin: 0em 1em; +} + +.menu-switch.notifications:checked:checked { + background: #b4befe; +} + +.clear-notifications-button { + margin-right: 1em; + margin-top: 0.4em; +} +.clear-notifications-button:hover label { + color: #eba0ac; +} + +.clear-notifications-label { + color: #b4befe; + font-size: 0.9em; +} + +.top-right-event-box_top * { + min-height: 0em; + margin-top: 2.5em; } .notification-card-container { @@ -1073,14 +1109,14 @@ image { .notification-card { color: #cdd6f4; background: #181825; - margin-right: 0.4rem; - border: 0.15rem solid #313244; - min-width: 28rem; + margin-right: 0.45em; + border: 0.15em solid #313244; + min-width: 23.5em; min-height: 6rem; - border-radius: 0.4rem; + border-radius: 0.3em; } .notification-card:not(:first-child) { - margin-top: 1rem; + margin-top: 0.85em; } .notification-card-container { @@ -1088,59 +1124,54 @@ image { } .notification-card-image-container { - margin: 0.75rem 0.75rem; - border-radius: 0.4rem; + margin: 0.65em 0.65em; + border-radius: 0.4em; } .notification-card-image { - border-radius: 0.4rem; - min-width: 3rem; - min-height: 3rem; - padding: 1rem 1rem; + border-radius: 0.4em; + min-width: 2.5em; + min-height: 2.5em; + padding: 0.85em 0.85em; background-size: contain; background-repeat: no-repeat; background-position: center; } .notification-card-content { - min-width: 3.5rem; - min-height: 3.5rem; - padding: 0.6rem 0.6rem; + min-width: 2.9em; + min-height: 2.9em; + padding: 0.5em 0.5em; margin-right: 1rem; } .notification-card-content.noimg { - margin-left: 1.5rem; - margin-top: 0.2rem; -} - -.notification-card-appname-label { - font-size: 0.9rem; - color: #f5c2e7; + margin-left: 1.3em; + margin-top: 0.15em; } .notification-card-header-label { - font-size: 1.15rem; - margin-bottom: 0.5rem; + font-size: 0.95em; + margin-bottom: 0.5em; color: #b4befe; } .notification-card-body-label { - font-size: 1rem; + font-size: 0.84em; font-weight: 600; } .notification-card-actions { - margin-top: 1rem; - margin-bottom: 0.5rem; + margin-top: 0.95em; + margin-bottom: 0.4em; } .notification-action-buttons { color: #b4befe; background: #313244; - min-width: 6rem; - min-height: 2rem; - border-radius: 0.2rem; + min-width: 4em; + min-height: 1.65em; + border-radius: 0.2em; } .notification-action-buttons:not(:last-child) { margin-right: 2rem; @@ -1150,18 +1181,18 @@ image { } .notification-icon { - margin-bottom: 0.6rem; - font-size: 1.5rem; + margin-bottom: 0.4em; + font-size: 1.3em; } .close-notification-button { background: #f38ba8; color: #11111b; - min-width: 2.5rem; - border-radius: 0rem 0.35rem 0.35rem 0rem; + min-width: 2.1em; + border-radius: 0rem 0.35em 0.35em 0em; } .close-notification-button label { - font-size: 1.7rem; + font-size: 1.5em; } .close-notification-button:hover { background: #eba0ac; diff --git a/style.css.map b/style.css.map index 51fb622..a3d4210 100644 --- a/style.css.map +++ b/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/notifications.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/network.scss","scss/menus/bluetooth.scss","scss/menus/media.scss","scss/menus/notifications.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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D;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE,YpBtGK;;AoByGP;EACE,YpB7GK;EoB8GL;;AC/IN;EACE;EACA;EACA,YrBkCK;EqBjCL;EACA;;;AAMF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;;AChCJ;EACI;;;AAGJ;EACE,OtBwBK;EsBvBL,YtBiCO;EsBhCP;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAIF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA,OtBlCK;;;AsBqCP;EACE;EACA;EACA,OtB7BS;;;AsBgCX;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE,OtB3CS;EsB4CT,YtBnCS;EsBoCT;EACA;EACA;;AAEA;EACE;;AAGF;EACE,YtB9CO;;;AsBkDX;EACE;EACA;;;AAGF;EACE,YtBzEI;EsB0EJ,OtBrDM;EsBsDN;EACA;;AAEA;EACE;;AAGF;EACE,YtBlFK","file":"style.css"} \ No newline at end of file +{"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/notifications.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/network.scss","scss/menus/bluetooth.scss","scss/menus/media.scss","scss/menus/notifications.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;EACE;EACA;EACA;EACA;;AAGF;EACE,YApCM;;AAwCN;EACE;EACA;;AAEF;EACE;EACA;;;AC9CN;EACE,OFsBK;EErBL;EACA;;;ACHF;EACE;EACA,OHkBM;;;AGfR;EACE,OHcM;;;AIpBR;EACE;EACA,OJyBS;;;AItBX;EACE;EACA,OJoBS;;;AK3BX;EACE,OLgBM;;;AMjBR;EACE;EACA,ONsBI;;;AMnBN;EACE,ONkBI;;;AMfN;EACE;EACA;EACA,ONsBS;EMrBT;;;AAGF;EACE,ONOI;;;AOxBN;EACE,OPeK;;;AQfL;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBRSI;EQRJ,ORQI;;AQNJ;EACE,kBRSG;EQRH,ORQG;EQPH;EACA;;AAGF;EACE,ORKA;EQJA,kBRIA;EQHA;EACA;;;AAMN;EACE;;;AC7BF;EACE,OTeK;;;AUhBP;EACE;;;AAGF;EACE,YViCO;;;AU/BT;EACE;EACA,OVmBK;;;AUhBP;EACE,kBVsBS;;;AUnBX;EACE,kBVmBS;EUlBT;;;AAGF;EACE,kBVKS;;;AUFX;EACE;;;AC1BF;EACE,OXoBO;EWnBP;EACA;EACA;;;ACJF;EACE,OZiBI;EYhBJ;;;ACFF;EACE,YbqCO;;;AalCT;EACE,Yb+BS;Ea9BT;EACA;EACA;;AAEA;EACE,YbwBO;;;AapBX;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AC5BE;EACI,YdqCD;EcpCC;;AAEA;AAAA;EAEI,YdeJ;EcdI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI,YdeD;;AcZH;EACI,YdQD;EcPC;;;AAKZ;EACI,kBdIO;EcHH;;AAEJ;EACI,YdZF;;AcgBE;AAAA;EAEI,kBdtBJ;EcuBI;;AAIR;EACI;EACA,kBdhBG;EciBH;EACA;EACA;EACA;EACA;;AAIA;EACI,YdvBD;;Ac0BH;EACI,Yd9BD;Ec+BC;;AAIR;EACI,kBd7CF;;AcuDN;EACI;EACA;EACA,Yd/CO;;;AckDX;EACI,YdhDK;EciDL;EACA;EACA;EACA,Od9DG;;;AciEP;EACI;;;AAGJ;EACI;EACA;EACA,OdxEG;;;Ac2EP;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI,OdhFO;EciFP;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;;;AAGJ;EACI,Od9GG;Ec+GH;EACA;;;AAGJ;EACI,Od/GO;EcgHP;EACA;EACA;;;AAGJ;EACI,OdtHO;;;AcyHP;EACI,OdzHG;;;Ac6HX;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA,OdhJO;EciJP;;;AAGJ;EACI;;;ACtLJ;AAAA;EAGI;;;AAKJ;ECPI;EACA;EACA,kBhBkCG;EgBjCH,OhByCS;EgBxCT;EACA;EDIA;EACA;EACA;EACA;;AAEA;EACI;;AAEA;EACI;EACA,OfDH;EeEG;;AAGJ;EACI,OfED;EeDC;EACA;EACA;;AAIR;EACI,YfMA;EeLA;EACA;EACA;EACA,cfEA;EeDA;EACA;EACA;EACA;;AAGI;EACI,cfvBR;EewBQ;;AAEJ;EACI,cf/BV;EegCU;;AAIJ;EACI,cfjCR;EekCQ;;AAEJ;EACI,cfzCV;Ee0CU;;AAKJ;EACI;EACA;;AAEJ;EACI;EACA;;AAGJ;EACI;EACA;;AAEJ;EACI;EACA;;AAIZ;EACI,OfnEF;;AeqEF;EACI,OflEA;;;AesER;EC3FI;EACA;EACA,kBhBkCG;EgBjCH,OhByCS;EgBxCT;EACA;;ADwFA;EACI;;AAGJ;EACI;;;AAIR;EACI,cfjEI;EekEJ;EACA;EACA;;AAGI;EACI,cf7FN;;Ae+FE;EACI,cf5FJ;;Ae8FA;EACI,cf7FN;;Ae+FE;EACI,cfpGJ;;AewGA;EACI,cf3GN;;Ae6GE;EACI,cf1GJ;;Ae4GA;EACI,cf3GN;;Ae6GE;EACI,cflHJ;;AeqHA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AAKR;EACI,OfvIF;;AeyIF;EACI,OftIA;;AewIJ;EACI,Of3IA;;Ae6IJ;EACI,Of1IF;;;Ae+IF;EACI,OftJF;;AewJF;EACI,OfrJA;;AeuJJ;EACI,Of1JA;;Ae4JJ;EACI,OfzJF;;;AiBxBN;EACI,OjBmBI;;;AiBhBR;EACI,OjBeI;;;AiBZR;EACI,OjBWI;;;AiBNA;AAAA;EAEI,YjBIJ;;;AiBEH;EACG,OjBHA;;;AiBOR;EACI;;;AC5BJ;EACI,OlBgBI;;;AkBbR;EACI;;;AAGJ;EACI;;;AAGJ;EACI,OlBII;;;AkBDR;EACI;;;AAIA;EACI;;AAGJ;EACI,OlBTA;;;AkBaR;EACI;;;AAGJ;EACI;EACA,YlBGI;EkBFJ;EACA;EACA;EACA;;;AAGJ;EACI;;AAEA;EACI,OlB9BA;;;AkBkCR;EACI;EACA;;AAEA;EACI,OlBhCF;;AkBmCF;EACI;;;AAIR;EACI;EACA;;AAEA;EACI,OlBpDA;;AkBuDJ;EACI;;;AAIR;EACI;EACA;;AAEA;EACI,OlBjEA;;AkBoEJ;EACI;;;ACtFR;EACI,OnBuBE;;;AmBpBN;EACI,OnBmBE;;;AmBhBN;EACI,OnBeE;;;AmBXD;EACG,OnBUF;;;AmBNN;EACI;;;AAGJ;EACI;EACA;;AACA;EACI,OnBFF;;;AmBMN;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI,OnBnBE;;;AoBxBN;EACE;EACA;EACA,YpBmCO;EoBlCP;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA,kBpBqBS;EoBpBT;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,OpBVS;EoBWT;;;AAGF;EACE,OpBnBK;EoBoBL;;;AAGF;EACE,OpB/BK;EoBgCL;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE,OpB9BS;EoB+BT;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE,YpBjDS;EoBkDT,OpBtCM;EoBuCN;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE,YpBrDO;;AoBwDT;EACE,YpBlEO;;AoBoEP;EACE,YpBhFC;;AoBmFH;EACE,YpBpFC;;;AoB0FP;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE,YpB/EG;EoBgFH;;AAEA;AAAA;EAEE;EACA,YpB1GC;EoB2GD;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE,YpBtGK;;AoByGP;EACE,YpB7GK;EoB8GL;;AC/IN;EACE;EACA;EACA;EACA,YrBkCO;EqBjCP;EAA+B;;;AAGjC;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE,YrBiBM;EqBhBN;EACA;;;AAGF;EACE;;;AAGF;EACE,OrBLS;EqBMT;EACA;;;AAGF;EACE,kBrBFS;EqBGT;;;AAGE;EACI,YrBhBG;;;AqBoBX;EACE;EACA;;AAEA;EACE,OrBjCK;;;AqBqCT;EACE,OrB9BS;EqB+BT;;;AAGF;EACE;EACA;;;AChEF;EACI;;;AAGJ;EACE,OtBwBK;EsBvBL,YtBiCO;EsBhCP;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAIF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA,OtBxBS;;;AsB2BX;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE,OtBtCS;EsBuCT,YtB9BS;EsB+BT;EACA;EACA;;AAEA;EACE;;AAGF;EACE,YtBzCO;;;AsB6CX;EACE;EACA;;;AAGF;EACE,YtBpEI;EsBqEJ,OtBhDM;EsBiDN;EACA;;AAEA;EACE;;AAGF;EACE,YtB7EK","file":"style.css"} \ No newline at end of file