LESA/custum-hyprpanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added the ability to configure the notification radius (#182)

Browse Source
This commit is contained in:
Jas Singh
2024-08-25 02:23:52 -07:00
committed by GitHub
parent b080d6b00d
commit b990e9c34f
4 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
options.ts
View File

@@ -94,6 +94,7 @@ const options = mkOptions(OPTIONS, {
}, },
label: opt(colors.lavender), label: opt(colors.lavender),
border: opt(secondary_colors.surface0), border: opt(secondary_colors.surface0),
border_radius: opt("0.6em"),
time: opt(secondary_colors.overlay1), time: opt(secondary_colors.overlay1),
text: opt(colors.text), text: opt(colors.text),
labelicon: opt(colors.lavender), labelicon: opt(colors.lavender),

6
scss/style/menus/notifications.scss
View File

@@ -36,8 +36,8 @@
font-size: $font-size * $bar-menus-menu-notifications-scaling/100; font-size: $font-size * $bar-menus-menu-notifications-scaling/100;
border: 0.15em solid $notification-border; border: 0.15em solid $notification-border;
border-radius: 0em; border-radius: 0em;
border-bottom-left-radius: 0.4em; border-bottom-left-radius: $notification-border_radius;
border-top-left-radius: 0.4em; border-top-left-radius: $notification-border_radius;
margin: 0em; margin: 0em;
} }
@@ -125,7 +125,7 @@
background: $notification-close_button-background; background: $notification-close_button-background;
color: $notification-close_button-label; color: $notification-close_button-label;
min-width: 2.1em; min-width: 2.1em;
border-radius: 0rem 0.35em 0.35em 0em; border-radius: 0rem $notification-border_radius $notification-border_radius 0em;
label { label {
font-size: 1.5em; font-size: 1.5em;

4
scss/style/notifications/popups.scss
View File

@@ -5,7 +5,7 @@
border: 0.15em solid transparentize($notification-border, 0.5); border: 0.15em solid transparentize($notification-border, 0.5);
min-width: 26em; min-width: 26em;
min-height: 6rem; min-height: 6rem;
border-radius: 0.6em; border-radius: $notification-border_radius;
opacity: $notification-opacity/100; opacity: $notification-opacity/100;
} }
@@ -95,7 +95,7 @@
background: $notification-close_button-background; background: $notification-close_button-background;
color: $notification-close_button-label; color: $notification-close_button-label;
min-width: 2.1em; min-width: 2.1em;
border-radius: 0rem 0.35em 0.35em 0em; border-radius: 0rem $notification-border_radius*0.7 $notification-border_radius*0.7 0em;
label { label {
font-size: 1.5em; font-size: 1.5em;

1
widget/settings/pages/config/notifications/index.ts
View File

@@ -12,6 +12,7 @@ export const NotificationSettings = () => {
children: [ children: [
Header('Notification Settings'), Header('Notification Settings'),
Option({ opt: options.notifications.position, title: 'Notification Location', type: 'enum', enums: ['top left', 'top', 'top right', 'right', 'bottom right', 'bottom', 'bottom left', 'left'] }), Option({ opt: options.notifications.position, title: 'Notification Location', type: 'enum', enums: ['top left', 'top', 'top right', 'right', 'bottom right', 'bottom', 'bottom left', 'left'] }),
Option({ opt: options.theme.notification.border_radius, title: 'Border Radius', type: 'string' }),
Option({ opt: options.notifications.monitor, title: 'Monitor', subtitle: 'The ID of the monitor on which to display the notification', type: 'number' }), Option({ opt: options.notifications.monitor, title: 'Monitor', subtitle: 'The ID of the monitor on which to display the notification', type: 'number' }),
Option({ opt: options.notifications.active_monitor, title: 'Follow Cursor', subtitle: 'The notification will follow the monitor of your cursor', type: 'boolean' }), Option({ opt: options.notifications.active_monitor, title: 'Follow Cursor', subtitle: 'The notification will follow the monitor of your cursor', type: 'boolean' }),
Option({ opt: options.notifications.timeout, title: 'Notification Timeout', subtitle: 'How long notification popups will last (in milliseconds).', type: 'number' }), Option({ opt: options.notifications.timeout, title: 'Notification Timeout', subtitle: 'How long notification popups will last (in milliseconds).', type: 'number' }),