[gtk/wip/jimmac/push-my-buttons-too: 6/9] Adwaita: flat buttons border on hover
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk/wip/jimmac/push-my-buttons-too: 6/9] Adwaita: flat buttons border on hover
- Date: Thu, 18 Oct 2018 13:54:20 +0000 (UTC)
commit 856f23a8b2785e21cbe33a86659440f207b07574
Author: Jakub Steiner <jimmac gmail com>
Date: Tue Oct 2 11:07:45 2018 +0200
Adwaita: flat buttons border on hover
- somehow we lost it with the -alt style I guess
gtk/theme/Adwaita/_common.scss | 1 +
gtk/theme/Adwaita/gtk-contained-dark.css | 4 ++--
gtk/theme/Adwaita/gtk-contained.css | 4 ++--
3 files changed, 5 insertions(+), 4 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index c5e245a4c4..37c47752b9 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -537,6 +537,7 @@ button {
&:hover {
transition: $button_transition;
transition-duration: 500ms;
+ border: 1px solid $borders_color;
&:active { transition: $button_transition; }
}
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index ef10e0fb0e..6c0adf59b1 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -204,7 +204,7 @@ notebook box > header > tabs > arrow, button.titlebutton, button { min-height: 2
notebook box > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { border-color:
transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255,
255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; }
-notebook box > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover,
button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
+notebook box > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover,
button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms;
border: 1px solid #1b1f20; }
notebook box > header > tabs > arrow:hover:active, button.sidebar-button:hover:active,
button.titlebutton:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46,
0.45, 0.94); }
@@ -1646,7 +1646,7 @@ messagedialog .titlebar { min-height: 20px; background-image: none; background-c
messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
-messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style:
solid; border-right-style: none; border-bottom-style: none; }
+messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-color: pink;
border-left-style: solid; border-right-style: none; border-bottom-style: none; }
messagedialog.csd .dialog-action-area button:first-child { border-left-style: none;
border-bottom-left-radius: 7px; -gtk-outline-bottom-left-radius: 5px; }
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 33d48411ea..708da43895 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -204,7 +204,7 @@ notebook box > header > tabs > arrow, button.titlebutton, button { min-height: 2
notebook box > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { border-color:
transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255,
255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; }
-notebook box > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover,
button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
+notebook box > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover,
button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms;
border: 1px solid #b6b6b3; }
notebook box > header > tabs > arrow:hover:active, button.sidebar-button:hover:active,
button.titlebutton:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46,
0.45, 0.94); }
@@ -1666,7 +1666,7 @@ messagedialog .titlebar { min-height: 20px; background-image: none; background-c
messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
-messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style:
solid; border-right-style: none; border-bottom-style: none; }
+messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-color: pink;
border-left-style: solid; border-right-style: none; border-bottom-style: none; }
messagedialog.csd .dialog-action-area button:first-child { border-left-style: none;
border-bottom-left-radius: 7px; -gtk-outline-bottom-left-radius: 5px; }
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]