From 81cfcba5ad481163f6b914874368c16bbfdf4b22 Mon Sep 17 00:00:00 2001 From: Jakub Steiner Date: Thu, 1 Oct 2020 13:13:10 +0200 Subject: [PATCH] Adwaita: close button for infobar, searchbar fixes https://gitlab.gnome.org/GNOME/gtk/-/issues/3215 --- gtk/theme/Adwaita/_common.scss | 66 ++++++++++++++++++++-------------- 1 file changed, 39 insertions(+), 27 deletions(-) diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index 56e0a8d277..7eeb712855 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -1343,6 +1343,45 @@ searchbar > revealer > box { } } +/************** + * GtkInfoBar * + **************/ +infobar { + > revealer > box { + padding: 8px; + border-spacing: 12px; + } + + &.action:hover > revealer > box { + background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 47%), 30%), + desaturate(darken(invert($selected_bg_color), 42%), 70%)); + } + + &.info, + &.question, + &.warning, + &.error { + > revealer > box { + border-bottom: 1px solid lighten($borders_color, 5%); + background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 45%), 30%), + desaturate(darken(invert($selected_bg_color), 40%), 70%)); + } + } +} + + //close button for info and searchbar (#3215) + + infobar .close, + searchbar .close { + @include button(undecorated); + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 50%; + + &:hover { @include button(hover); } + } + /***************** * Title buttons * @@ -3622,33 +3661,6 @@ video { background: black; } -/************** - * GtkInfoBar * - **************/ -infobar { - > revealer > box { - padding: 8px; - border-spacing: 12px; - } - - &.action:hover > revealer > box { - background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 47%), 30%), - desaturate(darken(invert($selected_bg_color), 42%), 70%)); - } - - &.info, - &.question, - &.warning, - &.error { - > revealer > box { - border-bottom: 1px solid lighten($borders_color, 5%); - background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 45%), 30%), - desaturate(darken(invert($selected_bg_color), 40%), 70%)); - } - } -} - - /************ * Tooltips * ************/