[gtk/wip/jimmac/push-my-buttons-too: 6/9] Adwaita: flat buttons border on hover



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]