From 73c7e45f2803e789df126f7474dd8ebb8839a187 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Danielle=20For=C3=A9?= Date: Tue, 8 Sep 2026 10:11:44 -0700 Subject: [PATCH 1/3] Styles: use OSD for close button --- data/application.css | 30 ++++++++++++------------------ src/AbstractBubble.vala | 2 ++ 2 files changed, 14 insertions(+), 18 deletions(-) diff --git a/data/application.css b/data/application.css index 8c34231..f1d5649 100644 --- a/data/application.css +++ b/data/application.css @@ -7,24 +7,18 @@ window, } .close { - padding: 3px; - border: none; - border-radius: 100%; - background: @BLACK_500; - box-shadow: - inset 0 0 0 1px alpha(#fff, 0.02), - inset 0 1px 0 0 alpha(#fff, 0.07), - inset 0 -1px 0 0 alpha(#fff, 0.01), - 0 0 0 1px alpha(#000, 0.7), - 0 1px 2px alpha(#000, 0.16), - 0 2px 3px alpha(#000, 0.23); - margin: 3px; - -gtk-icon-size: 24px; -} - -.close image { - color: #fff; - -gtk-icon-shadow: 0 1px 1px alpha(#000, 0.6); + border-radius: 100%; + background: @BLACK_500; + box-shadow: + inset 0 0 0 1px alpha(#fff, 0.02), + inset 0 1px 0 0 alpha(#fff, 0.07), + inset 0 -1px 0 0 alpha(#fff, 0.01), + 0 0 0 1px alpha(#000, 0.7), + 0 1px 2px alpha(#000, 0.16), + 0 2px 3px alpha(#000, 0.23); + margin: 3px; + -gtk-icon-shadow: 0 1px 1px alpha(#000, 0.6); + -gtk-icon-size: 24px; } .notification stack > box, diff --git a/src/AbstractBubble.vala b/src/AbstractBubble.vala index 197fe0b..5420892 100644 --- a/src/AbstractBubble.vala +++ b/src/AbstractBubble.vala @@ -72,6 +72,8 @@ public class Notifications.AbstractBubble : Gtk.Window { halign = Gtk.Align.START, valign = Gtk.Align.START }; + close_button.add_css_class (Granite.STYLE_CLASS_OSD); + close_button.add_css_class (Granite.STYLE_CLASS_LARGE_ICONS); close_button.add_css_class ("close"); close_revealer = new Gtk.Revealer () { From 869f339f8e1c96d3838aad9732c375b242135592 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Danielle=20For=C3=A9?= Date: Tue, 8 Sep 2026 10:12:47 -0700 Subject: [PATCH 2/3] Remove extra large icons --- src/AbstractBubble.vala | 1 - 1 file changed, 1 deletion(-) diff --git a/src/AbstractBubble.vala b/src/AbstractBubble.vala index 5420892..36990a1 100644 --- a/src/AbstractBubble.vala +++ b/src/AbstractBubble.vala @@ -73,7 +73,6 @@ public class Notifications.AbstractBubble : Gtk.Window { valign = Gtk.Align.START }; close_button.add_css_class (Granite.STYLE_CLASS_OSD); - close_button.add_css_class (Granite.STYLE_CLASS_LARGE_ICONS); close_button.add_css_class ("close"); close_revealer = new Gtk.Revealer () { From 0abf35d9c340b70467de0fb3f6166571adbe1f3a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Danielle=20For=C3=A9?= Date: Tue, 8 Sep 2026 10:14:46 -0700 Subject: [PATCH 3/3] Remove extra class close --- data/application.css | 2 +- src/AbstractBubble.vala | 1 - 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/data/application.css b/data/application.css index f1d5649..81a3710 100644 --- a/data/application.css +++ b/data/application.css @@ -6,7 +6,7 @@ window, padding: 0; } -.close { +button.osd { border-radius: 100%; background: @BLACK_500; box-shadow: diff --git a/src/AbstractBubble.vala b/src/AbstractBubble.vala index 36990a1..d01a0e6 100644 --- a/src/AbstractBubble.vala +++ b/src/AbstractBubble.vala @@ -73,7 +73,6 @@ public class Notifications.AbstractBubble : Gtk.Window { valign = Gtk.Align.START }; close_button.add_css_class (Granite.STYLE_CLASS_OSD); - close_button.add_css_class ("close"); close_revealer = new Gtk.Revealer () { reveal_child = false,