[gnome-shell/wip/snwh/style-updates: 84/100] theme: notification radii fixes
- From: Sam Hewitt <snwh src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-shell/wip/snwh/style-updates: 84/100] theme: notification radii fixes
- Date: Thu, 13 Jan 2022 19:08:38 +0000 (UTC)
commit 99b13ba610e23603f6b82ae0c449e0d0cfafb476
Author: Sam Hewitt <sam snwh org>
Date: Mon Jan 3 13:21:02 2022 -0330
theme: notification radii fixes
data/theme/gnome-shell-sass/widgets/_notifications.scss | 14 ++++++++------
1 file changed, 8 insertions(+), 6 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/widgets/_notifications.scss
b/data/theme/gnome-shell-sass/widgets/_notifications.scss
index 0ca0db3d18..959d5bd2e2 100644
--- a/data/theme/gnome-shell-sass/widgets/_notifications.scss
+++ b/data/theme/gnome-shell-sass/widgets/_notifications.scss
@@ -2,15 +2,18 @@
$notification_banner_height: 64px;
$notification_banner_width: 34em;
+$notification_banner_radius: $base_border_radius*1.5;
-
-$notification_button_radius: ($base_border_radius - 2px);
+// make radius of buttons fit in bubble corner (banner radius - width of focus ring)
+$notification_button_radius: ($notification_banner_radius - 2px);
// Banner notifications
.notification-banner {
min-height: $notification_banner_height;
width: $notification_banner_width;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 2px 4px 2px rgba(0,0,0,0.1);
+ border-radius: $notification_banner_radius;
+ margin: $base_margin;
.notification-actions {
spacing: 0;
@@ -19,8 +22,7 @@ $notification_button_radius: ($base_border_radius - 2px);
.notification-button {
@include button(normal, lighten($bg_color, 5%), $shadow: none);
padding: $base_padding * 2;
- border-style: solid;
- border-width: 1px;
+ border:1px solid;
border-left-width: 0;
border-bottom-width: 0;
@@ -29,7 +31,7 @@ $notification_button_radius: ($base_border_radius - 2px);
&:hover { @include button(hover, lighten($hover_bg_color, 5%), $shadow: none); }
&:active { @include button(active, lighten($active_bg_color, 5%), $shadow: none); }
- // make radius fit in bubble corner (width of focus ring)
+
&:first-child {
border-radius: 0 0 0 $notification_button_radius;
}
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]