Restyled notifications and added a close button.
This commit is contained in:
@@ -1,10 +1,57 @@
|
|||||||
|
export const substitutes = {
|
||||||
|
"transmission-gtk": "transmission",
|
||||||
|
"blueberry.py": "blueberry",
|
||||||
|
"Caprine": "facebook-messenger",
|
||||||
|
"com.raggesilver.BlackBox-symbolic": "terminal-symbolic",
|
||||||
|
"org.wezfurlong.wezterm-symbolic": "terminal-symbolic",
|
||||||
|
"audio-headset-bluetooth": "audio-headphones-symbolic",
|
||||||
|
"audio-card-analog-usb": "audio-speakers-symbolic",
|
||||||
|
"audio-card-analog-pci": "audio-card-symbolic",
|
||||||
|
"preferences-system": "emblem-system-symbolic",
|
||||||
|
"com.github.Aylur.ags-symbolic": "controls-symbolic",
|
||||||
|
"com.github.Aylur.ags": "controls-symbolic",
|
||||||
|
}
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
missing: "image-missing-symbolic",
|
||||||
|
nix: {
|
||||||
|
nix: "nix-snowflake-symbolic",
|
||||||
|
},
|
||||||
|
app: {
|
||||||
|
terminal: "terminal-symbolic",
|
||||||
|
},
|
||||||
|
fallback: {
|
||||||
|
executable: "application-x-executable",
|
||||||
|
notification: "dialog-information-symbolic",
|
||||||
|
video: "video-x-generic-symbolic",
|
||||||
|
audio: "audio-x-generic-symbolic",
|
||||||
|
},
|
||||||
|
ui: {
|
||||||
|
close: "window-close-symbolic",
|
||||||
|
colorpicker: "color-select-symbolic",
|
||||||
|
info: "info-symbolic",
|
||||||
|
link: "external-link-symbolic",
|
||||||
|
lock: "system-lock-screen-symbolic",
|
||||||
|
menu: "open-menu-symbolic",
|
||||||
|
refresh: "view-refresh-symbolic",
|
||||||
|
search: "system-search-symbolic",
|
||||||
settings: "emblem-system-symbolic",
|
settings: "emblem-system-symbolic",
|
||||||
|
themes: "preferences-desktop-theme-symbolic",
|
||||||
tick: "object-select-symbolic",
|
tick: "object-select-symbolic",
|
||||||
|
time: "hourglass-symbolic",
|
||||||
|
toolbars: "toolbars-symbolic",
|
||||||
|
warning: "dialog-warning-symbolic",
|
||||||
|
avatar: "avatar-default-symbolic",
|
||||||
|
arrow: {
|
||||||
|
right: "pan-end-symbolic",
|
||||||
|
left: "pan-start-symbolic",
|
||||||
|
down: "pan-down-symbolic",
|
||||||
|
up: "pan-up-symbolic",
|
||||||
|
},
|
||||||
|
},
|
||||||
audio: {
|
audio: {
|
||||||
mic: {
|
mic: {
|
||||||
muted: "microphone-sensitivity-muted-symbolic",
|
muted: "microphone-disabled-symbolic",
|
||||||
unmuted: "audio-input-microphone-symbolic",
|
|
||||||
low: "microphone-sensitivity-low-symbolic",
|
low: "microphone-sensitivity-low-symbolic",
|
||||||
medium: "microphone-sensitivity-medium-symbolic",
|
medium: "microphone-sensitivity-medium-symbolic",
|
||||||
high: "microphone-sensitivity-high-symbolic",
|
high: "microphone-sensitivity-high-symbolic",
|
||||||
@@ -21,32 +68,27 @@ export default {
|
|||||||
speaker: "audio-speakers-symbolic",
|
speaker: "audio-speakers-symbolic",
|
||||||
card: "audio-card-symbolic",
|
card: "audio-card-symbolic",
|
||||||
},
|
},
|
||||||
mixer: "view-list-symbolic",
|
mixer: "mixer-symbolic",
|
||||||
},
|
},
|
||||||
apps: {
|
powerprofile: {
|
||||||
apps: "view-app-grid-symbolic",
|
balanced: "power-profile-balanced-symbolic",
|
||||||
search: "folder-saved-search-symbolic",
|
"power-saver": "power-profile-power-saver-symbolic",
|
||||||
|
performance: "power-profile-performance-symbolic",
|
||||||
},
|
},
|
||||||
launcher: {
|
asusctl: {
|
||||||
search: "system-search-symbolic",
|
profile: {
|
||||||
utility: "applications-utilities-symbolic",
|
Balanced: "power-profile-balanced-symbolic",
|
||||||
system: "emblem-system-symbolic",
|
Quiet: "power-profile-power-saver-symbolic",
|
||||||
education: "applications-science-symbolic",
|
Performance: "power-profile-performance-symbolic",
|
||||||
development: "applications-engineering-symbolic",
|
|
||||||
network: "network-wired-symbolic",
|
|
||||||
office: "x-office-document-symbolic",
|
|
||||||
game: "applications-games-symbolic",
|
|
||||||
multimedia: "applications-multimedia-symbolic",
|
|
||||||
hyprland: "hyprland-symbolic",
|
|
||||||
firefox: "firefox-symbolic"
|
|
||||||
},
|
},
|
||||||
quicksettings: {
|
mode: {
|
||||||
notifications: "user-available-symbolic",
|
Integrated: "processor-symbolic",
|
||||||
wifi: "network-wireless-symbolic",
|
Hybrid: "controller-symbolic",
|
||||||
bluetooth: "bluetooth-active-symbolic",
|
},
|
||||||
audio: "audio-volume-high-symbolic",
|
},
|
||||||
mpris: "audio-x-generic-symbolic",
|
battery: {
|
||||||
chatgpt: "chatgpt-symbolic"
|
charging: "battery-flash-symbolic",
|
||||||
|
warning: "battery-empty-symbolic",
|
||||||
},
|
},
|
||||||
bluetooth: {
|
bluetooth: {
|
||||||
enabled: "bluetooth-active-symbolic",
|
enabled: "bluetooth-active-symbolic",
|
||||||
@@ -55,120 +97,49 @@ export default {
|
|||||||
brightness: {
|
brightness: {
|
||||||
indicator: "display-brightness-symbolic",
|
indicator: "display-brightness-symbolic",
|
||||||
keyboard: "keyboard-brightness-symbolic",
|
keyboard: "keyboard-brightness-symbolic",
|
||||||
screen: ["", "", "", "", "", "", "", "", "", "", ""],
|
screen: "display-brightness-symbolic",
|
||||||
},
|
},
|
||||||
powermenu: {
|
powermenu: {
|
||||||
sleep: "weather-clear-night-symbolic",
|
sleep: "weather-clear-night-symbolic",
|
||||||
reboot: "system-reboot-symbolic",
|
reboot: "system-reboot-symbolic",
|
||||||
logout: "system-log-out-symbolic",
|
logout: "system-log-out-symbolic",
|
||||||
shutdown: "system-shutdown-symbolic",
|
shutdown: "system-shutdown-symbolic",
|
||||||
lock: "system-lock-screen-symbolic",
|
|
||||||
close: "window-close-symbolic"
|
|
||||||
},
|
},
|
||||||
recorder: {
|
recorder: {
|
||||||
recording: "media-record-symbolic",
|
recording: "media-record-symbolic",
|
||||||
},
|
},
|
||||||
notifications: {
|
notifications: {
|
||||||
noisy: "user-available-symbolic",
|
noisy: "org.gnome.Settings-notifications-symbolic",
|
||||||
silent: "notifications-disabled-symbolic",
|
silent: "notifications-disabled-symbolic",
|
||||||
critical: "messagebox_critical-symbolic",
|
message: "chat-bubbles-symbolic",
|
||||||
chat: "user-available-symbolic",
|
|
||||||
close: "window-close-symbolic"
|
|
||||||
},
|
|
||||||
header: {
|
|
||||||
refresh: "view-refresh-symbolic",
|
|
||||||
settings: "emblem-system-symbolic",
|
|
||||||
power: "system-shutdown-symbolic",
|
|
||||||
},
|
},
|
||||||
trash: {
|
trash: {
|
||||||
full: "user-trash-full-symbolic",
|
full: "user-trash-full-symbolic",
|
||||||
empty: "user-trash-symbolic",
|
empty: "user-trash-symbolic",
|
||||||
},
|
},
|
||||||
mpris: {
|
mpris: {
|
||||||
fallback: "audio-x-generic-symbolic",
|
|
||||||
shuffle: {
|
shuffle: {
|
||||||
enabled: "media-playlist-shuffle-symbolic",
|
enabled: "media-playlist-shuffle-symbolic",
|
||||||
disabled: "media-playlist-no-shuffle-symbolic",
|
disabled: "media-playlist-consecutive-symbolic",
|
||||||
},
|
},
|
||||||
loop: {
|
loop: {
|
||||||
none: "media-playlist-no-repeat-symbolic",
|
none: "media-playlist-repeat-symbolic",
|
||||||
track: "media-playlist-repeat-song-symbolic",
|
track: "media-playlist-repeat-song-symbolic",
|
||||||
playlist: "media-playlist-repeat-symbolic",
|
playlist: "media-playlist-repeat-symbolic",
|
||||||
},
|
},
|
||||||
playing: "media-playback-pause-symbolic",
|
playing: "media-playback-pause-symbolic",
|
||||||
paused: "media-playback-start-symbolic",
|
paused: "media-playback-start-symbolic",
|
||||||
stopped: "media-playback-stop-symbolic",
|
stopped: "media-playback-start-symbolic",
|
||||||
prev: "media-skip-backward-symbolic",
|
prev: "media-skip-backward-symbolic",
|
||||||
next: "media-skip-forward-symbolic",
|
next: "media-skip-forward-symbolic",
|
||||||
},
|
},
|
||||||
ai: "chatgpt-symbolic",
|
system: {
|
||||||
ui: {
|
cpu: "org.gnome.SystemMonitor-symbolic",
|
||||||
send: "mail-send-symbolic",
|
ram: "drive-harddisk-solidstate-symbolic",
|
||||||
arrow: {
|
temp: "temperature-symbolic",
|
||||||
right: "pan-end-symbolic",
|
|
||||||
left: "pan-start-symbolic",
|
|
||||||
down: "pan-down-symbolic",
|
|
||||||
up: "pan-up-symbolic",
|
|
||||||
},
|
},
|
||||||
|
color: {
|
||||||
|
dark: "dark-mode-symbolic",
|
||||||
|
light: "light-mode-symbolic",
|
||||||
},
|
},
|
||||||
weather: {
|
|
||||||
day: {
|
|
||||||
"113": "\uf00d", //"Sunny",
|
|
||||||
"116": "\uf002", //"PartlyCloudy",
|
|
||||||
"119": "\uf041", //"Cloudy",
|
|
||||||
"122": "\uf013", //"VeryCloudy",
|
|
||||||
"143": "\uf003", //"Fog",
|
|
||||||
"176": "\uf01a", //"LightShowers",
|
|
||||||
"179": "\uf017", //"LightSleetShowers",
|
|
||||||
"182": "\uf0b5", //"LightSleet",
|
|
||||||
"185": "\uf0b5", //"LightSleet",
|
|
||||||
"200": "\uf01d", //"ThunderyShowers",
|
|
||||||
"227": "\uf01b", //"LightSnow",
|
|
||||||
"230": "\uf01b", //"HeavySnow",
|
|
||||||
"248": "\uf014", //"Fog",
|
|
||||||
"260": "\uf014", //"Fog",
|
|
||||||
"263": "\uf01a", //"LightShowers",
|
|
||||||
"266": "\uf01a", //"LightRain",
|
|
||||||
"281": "\uf0b5", //"LightSleet",
|
|
||||||
"284": "\uf0b5", //"LightSleet",
|
|
||||||
"293": "\uf01a", //"LightRain",
|
|
||||||
"296": "\uf01a", //"LightRain",
|
|
||||||
"299": "\uf019", //"HeavyShowers",
|
|
||||||
"302": "\uf019", //"HeavyRain",
|
|
||||||
"305": "\uf019", //"HeavyShowers",
|
|
||||||
"308": "\uf019", //"HeavyRain",
|
|
||||||
"311": "\uf0b5", //"LightSleet",
|
|
||||||
"314": "\uf0b5", //"LightSleet",
|
|
||||||
"317": "\uf0b5", //"LightSleet",
|
|
||||||
"320": "\uf01b", //"LightSnow",
|
|
||||||
"323": "\uf017", //"LightSnowShowers",
|
|
||||||
"326": "\uf017", //"LightSnowShowers",
|
|
||||||
"329": "\uf01b", //"HeavySnow",
|
|
||||||
"332": "\uf01b", //"HeavySnow",
|
|
||||||
"335": "\uf01b", //"HeavySnowShowers",
|
|
||||||
"338": "\uf01b", //"HeavySnow",
|
|
||||||
"350": "\uf0b5", //"LightSleet",
|
|
||||||
"353": "\uf01a", //"LightShowers",
|
|
||||||
"356": "\uf019", //"HeavyShowers",
|
|
||||||
"359": "\uf019", //"HeavyRain",
|
|
||||||
"362": "\uf017", //"LightSleetShowers",
|
|
||||||
"365": "\uf017", //"LightSleetShowers",
|
|
||||||
"368": "\uf017", //"LightSnowShowers",
|
|
||||||
"371": "\uf017", //"HeavySnowShowers",
|
|
||||||
"374": "\uf0b5", //"LightSleetShowers",
|
|
||||||
"377": "\uf0b5", //"LightSleet",
|
|
||||||
"386": "\uf01e", //"ThunderyShowers",
|
|
||||||
"389": "\uf01e", //"ThunderyHeavyRain",
|
|
||||||
"392": "\uf01e", //"ThunderySnowShowers",
|
|
||||||
"395": "\uf01b", //"HeavySnowShowers",
|
|
||||||
},
|
|
||||||
night: {
|
|
||||||
"113": "\uf02e", // Night
|
|
||||||
"116": "\uf086", // Partly cloudy, night
|
|
||||||
"119": "\uf086", // Partly cloudy, night
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,22 +1,23 @@
|
|||||||
const notifs = await Service.import("notifications");
|
const notifs = await Service.import("notifications");
|
||||||
|
import icons from "../icons/index.js";
|
||||||
|
|
||||||
export default () => {
|
export default () => {
|
||||||
notifs.popupTimeout = 7000;
|
notifs.popupTimeout = 5000;
|
||||||
|
|
||||||
return Widget.Window({
|
return Widget.Window({
|
||||||
name: "notifications-window",
|
name: "notifications-window",
|
||||||
class_name: "notifications-window",
|
class_name: "notifications-window",
|
||||||
layer: "overlay",
|
layer: "top",
|
||||||
anchor: ["top", "right"],
|
anchor: ["top", "right"],
|
||||||
monitor: 2,
|
monitor: 2,
|
||||||
exclusivity: "ignore",
|
exclusivity: "ignore",
|
||||||
child: Widget.Box({
|
child: Widget.Box({
|
||||||
vertical: true,
|
|
||||||
class_name: "notification-card-container",
|
class_name: "notification-card-container",
|
||||||
|
vertical: true,
|
||||||
setup: (self) => {
|
setup: (self) => {
|
||||||
self.hook(notifs, () => {
|
self.hook(notifs, () => {
|
||||||
if (notifs.dnd) {
|
if (notifs.dnd) {
|
||||||
return;
|
return [];
|
||||||
}
|
}
|
||||||
|
|
||||||
const imageContainer = (notif) => {
|
const imageContainer = (notif) => {
|
||||||
@@ -70,21 +71,59 @@ export default () => {
|
|||||||
return [];
|
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",
|
||||||
|
icon,
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
return (self.children = notifs.popups.map((notif, index) => {
|
return (self.children = notifs.popups.map((notif, index) => {
|
||||||
// FIX: Bottom part of notification gets cut of... need to find and fix culprit
|
// FIX: Bottom part of notification gets cut of... need to find and fix culprit
|
||||||
return Widget.Box({
|
return Widget.Box({
|
||||||
class_name: "notification-card",
|
class_name: "notification-card",
|
||||||
|
vpack: "start",
|
||||||
children: [
|
children: [
|
||||||
...imageContainer(notif),
|
...imageContainer(notif),
|
||||||
Widget.Box({
|
Widget.Box({
|
||||||
|
vpack: "start",
|
||||||
vertical: true,
|
vertical: true,
|
||||||
class_name: "notification-card-content",
|
class_name: "notification-card-content",
|
||||||
|
children: [
|
||||||
|
Widget.Box({
|
||||||
|
vertical: false,
|
||||||
children: [
|
children: [
|
||||||
Widget.Box({
|
Widget.Box({
|
||||||
class_name: "notification-card-header",
|
class_name: "notification-card-header",
|
||||||
|
vpack: "start",
|
||||||
children: [
|
children: [
|
||||||
Widget.Label({
|
Widget.Label({
|
||||||
class_name: "notification-card-header-label",
|
class_name: "notification-card-header-label",
|
||||||
|
vexpand: true,
|
||||||
|
max_width_chars: 21,
|
||||||
truncate: "end",
|
truncate: "end",
|
||||||
wrap: true,
|
wrap: true,
|
||||||
label: notif["summary"],
|
label: notif["summary"],
|
||||||
@@ -92,32 +131,43 @@ export default () => {
|
|||||||
],
|
],
|
||||||
}),
|
}),
|
||||||
Widget.Box({
|
Widget.Box({
|
||||||
|
class_name: "notification-card-header",
|
||||||
|
hexpand: true,
|
||||||
|
hpack: "end",
|
||||||
|
children: [NotificationIcon(notif)],
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
}),
|
||||||
|
Widget.Box({
|
||||||
|
vpack: "start",
|
||||||
class_name: "notification-card-body",
|
class_name: "notification-card-body",
|
||||||
children: [
|
children: [
|
||||||
Widget.Label({
|
Widget.Label({
|
||||||
class_name: "notification-card-body-label",
|
hexpand: true,
|
||||||
useMarkup: true,
|
use_markup: true,
|
||||||
lines: 2,
|
xalign: 0,
|
||||||
wrap: true,
|
justification: "left",
|
||||||
maxWidthChars: 30,
|
|
||||||
truncate: "end",
|
truncate: "end",
|
||||||
|
lines: 2,
|
||||||
|
max_width_chars: 25,
|
||||||
|
wrap: true,
|
||||||
|
class_name: "notification-card-body-label",
|
||||||
label: notif["body"],
|
label: notif["body"],
|
||||||
}),
|
}),
|
||||||
],
|
],
|
||||||
}),
|
}),
|
||||||
...actionsContainer(notif),
|
...actionsContainer(notif),
|
||||||
Widget.Box({
|
|
||||||
class_name: "notification-card-appname",
|
|
||||||
children: [
|
|
||||||
Widget.Label({
|
|
||||||
class_name: "notification-card-appname-label",
|
|
||||||
truncate: "end",
|
|
||||||
wrap: true,
|
|
||||||
label: notif["app-name"].toUpperCase(),
|
|
||||||
}),
|
|
||||||
],
|
],
|
||||||
}),
|
}),
|
||||||
],
|
Widget.Button({
|
||||||
|
class_name: "close-notification-button",
|
||||||
|
on_primary_click: () => {
|
||||||
|
notifs.CloseNotification(notif.id);
|
||||||
|
},
|
||||||
|
child: Widget.Label({
|
||||||
|
label: "",
|
||||||
|
hpack: "center",
|
||||||
|
}),
|
||||||
}),
|
}),
|
||||||
],
|
],
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -1,27 +1,25 @@
|
|||||||
@import "../colors";
|
@import "../colors";
|
||||||
|
.notification-card-container {
|
||||||
.notifications-window {
|
|
||||||
margin-top: 3.5rem;
|
margin-top: 3.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-card {
|
.notification-card {
|
||||||
color: $text;
|
color: $text;
|
||||||
background: $mantle;
|
background: $mantle;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.4rem;
|
||||||
border: 0.2rem solid $lavender;
|
border: 0.15rem solid $surface0;
|
||||||
min-width: 25rem;
|
min-width: 28rem;
|
||||||
min-height: 6rem;
|
min-height: 6rem;
|
||||||
border-radius: 0.4rem;
|
border-radius: 0.4rem;
|
||||||
&:first-child {
|
|
||||||
margin-top: 3.5rem;
|
|
||||||
}
|
|
||||||
&:not(:first-child) {
|
&:not(:first-child) {
|
||||||
margin-top: 1.5rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-card-container {
|
.notification-card-container {
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
|
padding-bottom: 309px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -38,13 +36,14 @@
|
|||||||
padding: 1rem 1rem;
|
padding: 1rem 1rem;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-card-content {
|
.notification-card-content {
|
||||||
min-width: 3.5rem;
|
min-width: 3.5rem;
|
||||||
min-height: 3.5rem;
|
min-height: 3.5rem;
|
||||||
padding: 0.6rem 0.6rem;
|
padding: 0.6rem 0.6rem;
|
||||||
margin-right: 1rem;
|
margin-right: 0rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-card-appname-label {
|
.notification-card-appname-label {
|
||||||
@@ -79,3 +78,23 @@
|
|||||||
background: $pink;
|
background: $pink;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.notification-icon {
|
||||||
|
margin-bottom: 0.6rem;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.close-notification-button {
|
||||||
|
background: $red;
|
||||||
|
color: $crust;
|
||||||
|
min-width: 2.5rem;
|
||||||
|
border-radius: 0rem 0.35rem 0.35rem 0rem;
|
||||||
|
|
||||||
|
label {
|
||||||
|
font-size: 1.7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: $maroon;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
35
style.css
35
style.css
@@ -812,28 +812,26 @@ window#powermenu .powermenu.box {
|
|||||||
color: #89dceb;
|
color: #89dceb;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notifications-window {
|
.notification-card-container {
|
||||||
margin-top: 3.5rem;
|
margin-top: 3.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-card {
|
.notification-card {
|
||||||
color: #cdd6f4;
|
color: #cdd6f4;
|
||||||
background: #181825;
|
background: #181825;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.4rem;
|
||||||
border: 0.2rem solid #b4befe;
|
border: 0.15rem solid #313244;
|
||||||
min-width: 25rem;
|
min-width: 28rem;
|
||||||
min-height: 6rem;
|
min-height: 6rem;
|
||||||
border-radius: 0.4rem;
|
border-radius: 0.4rem;
|
||||||
}
|
}
|
||||||
.notification-card:first-child {
|
|
||||||
margin-top: 3.5rem;
|
|
||||||
}
|
|
||||||
.notification-card:not(:first-child) {
|
.notification-card:not(:first-child) {
|
||||||
margin-top: 1.5rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-card-container {
|
.notification-card-container {
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
|
padding-bottom: 309px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-card-image-container {
|
.notification-card-image-container {
|
||||||
@@ -850,13 +848,14 @@ window#powermenu .powermenu.box {
|
|||||||
padding: 1rem 1rem;
|
padding: 1rem 1rem;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-card-content {
|
.notification-card-content {
|
||||||
min-width: 3.5rem;
|
min-width: 3.5rem;
|
||||||
min-height: 3.5rem;
|
min-height: 3.5rem;
|
||||||
padding: 0.6rem 0.6rem;
|
padding: 0.6rem 0.6rem;
|
||||||
margin-right: 1rem;
|
margin-right: 0rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-card-appname-label {
|
.notification-card-appname-label {
|
||||||
@@ -891,4 +890,22 @@ window#powermenu .powermenu.box {
|
|||||||
background: #f5c2e7;
|
background: #f5c2e7;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.notification-icon {
|
||||||
|
margin-bottom: 0.6rem;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.close-notification-button {
|
||||||
|
background: #f38ba8;
|
||||||
|
color: #11111b;
|
||||||
|
min-width: 2.5rem;
|
||||||
|
border-radius: 0rem 0.35rem 0.35rem 0rem;
|
||||||
|
}
|
||||||
|
.close-notification-button label {
|
||||||
|
font-size: 1.7rem;
|
||||||
|
}
|
||||||
|
.close-notification-button:hover {
|
||||||
|
background: #eba0ac;
|
||||||
|
}
|
||||||
|
|
||||||
/*# sourceMappingURL=style.css.map */
|
/*# sourceMappingURL=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;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,OJoBM;;;AIjBR;EACE;EACA,OJeM;;;AKtBR;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;;AQPJ;EACE,kBRUG;EQTH;EACA;;AAGF;EACE,kBROA;EQNA;EACA;;;AAMN;EACE;;;AC1BF;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,OXiBI;EWhBJ;;;ACFF;EACE,YZqCO;;;AYlCT;EACE,YZ+BS;EY9BT;EACA;EACA;;AAEA;EACE,YZwBO;;;AYpBX;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AC1BE;EACI,YbmCD;;AajCC;AAAA;EAEI,YbcJ;EabI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI,YbcD;;AaXH;EACI,YbOD;EaNC;;AAkBZ;EACI,kBbVO;;AaYP;EACI,YbzBF;;Aa6BE;AAAA;EAEI,kBbnCJ;EaoCI;;AAIR;EACI;EACA,kBb7BG;Ea8BH;EACA;EACA;EACA;EACA;;AAIA;EACI,YbpCD;;AauCH;EACI,Yb3CD;Ea4CC;;AAIR;EACI,kBb1DF;;Aa8EN;EACI;EACA;EACA,YbtEO;;;AayEX;EACI,YbvEK;EawEL;EACA;EACA;EACA,ObrFG;;;AawFP;EACI;;;AAGJ;EACI;EACA;EACA,Ob/FG;;;AakGP;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI,ObvGO;EawGP;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;;;AAGJ;EACI,ObrIG;EasIH;EACA;;;AAGJ;EACI,ObtIO;EauIP;EACA;EACA;;;AAGJ;EACI,Ob7IO;;;AagJP;EACI,ObhJG;;;AaoJX;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA,ObvKO;EawKP;;;AAGJ;EACI;;;AC7MJ;AAAA;EAGI;;;AAKJ;ECPI;EACA;EACA,kBfkCG;EejCH,OfyCS;EexCT;EACA;EDIA;EACA;EACA;EACA;;AAEA;EACI;;AAEA;EACI;EACA,OdDH;EcEG;;AAGJ;EACI,OdED;EcDC;EACA;EACA;;AAIR;EACI,YdMA;EcLA;EACA;EACA;EACA,cdEA;EcDA;EACA;EACA;EACA;;AAGI;EACI,cdvBR;EcwBQ;;AAEJ;EACI,cd/BV;EcgCU;;AAIJ;EACI,cdjCR;EckCQ;;AAEJ;EACI,cdzCV;Ec0CU;;AAKJ;EACI;EACA;;AAEJ;EACI;EACA;;AAGJ;EACI;EACA;;AAEJ;EACI;EACA;;AAIZ;EACI,OdnEF;;AcqEF;EACI,OdlEA;;;AcsER;EC3FI;EACA;EACA,kBfkCG;EejCH,OfyCS;EexCT;EACA;;ADwFA;EACI;;AAGJ;EACI;;;AAIR;EACI,cdjEI;EckEJ;EACA;EACA;;AAGI;EACI,cd7FN;;Ac+FE;EACI,cd5FJ;;Ac8FA;EACI,cd7FN;;Ac+FE;EACI,cdpGJ;;AcwGA;EACI,cd3GN;;Ac6GE;EACI,cd1GJ;;Ac4GA;EACI,cd3GN;;Ac6GE;EACI,cdlHJ;;AcqHA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AAKR;EACI,OdvIF;;AcyIF;EACI,OdtIA;;AcwIJ;EACI,Od3IA;;Ac6IJ;EACI,Od1IF;;;Ac+IF;EACI,OdtJF;;AcwJF;EACI,OdrJA;;AcuJJ;EACI,Od1JA;;Ac4JJ;EACI,OdzJF;;;AgBxBN;EACI,OhBmBI;;;AgBhBR;EACI,OhBeI;;;AgBZR;EACI,OhBWI;;;AgBNA;AAAA;EAEI,YhBIJ;;;AgBEH;EACG,OhBHA;;;AgBOR;EACI;;;AC5BJ;EACI,OjBuBE;;;AiBpBN;EACI,OjBmBE;;;AiBhBN;EACI,OjBeE;;;AiBXD;EACG,OjBUF;;;AiBNN;EACI;;;AAGJ;EACI;EACA;;AACA;EACI,OjBFF;;;AiBMN;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI,OjBnBE;;;AkBxBN;EACE;;;AAGF;EACE,OlBuBK;EkBtBL,YlBgCO;EkB/BP;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;;AAIJ;EACE;;;AAIF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA,OlBjCK;;;AkBoCP;EACE;EACA;EACA,OlB5BS;;;AkB+BX;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE,OlB9BO;EkB+BP,YlB1CS;EkB2CT;EACA;EACA;EACA;;AAEA;EACE,YlB5DG","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"}
|
||||||
Reference in New Issue
Block a user