[gtk/gtk-3-24] HighContrast: Add style for overflow buttons



commit ff4dcf5fa4b7c2592612cddfe9f116d3eaa6987d
Author: Alex Monday <monday15 gmx com>
Date:   Mon Dec 24 11:08:50 2018 +0500

    HighContrast: Add style for overflow buttons
    
    Add missing style for overflow buttons located on scrollable dropdown
    menus.

 gtk/theme/HighContrast/_common.scss              | 29 ++++++++++++++++++++++++
 gtk/theme/HighContrast/gtk-contained-inverse.css | 10 ++++++++
 gtk/theme/HighContrast/gtk-contained.css         | 10 ++++++++
 3 files changed, 49 insertions(+)
---
diff --git a/gtk/theme/HighContrast/_common.scss b/gtk/theme/HighContrast/_common.scss
index d9f5657f5b..dc60321644 100644
--- a/gtk/theme/HighContrast/_common.scss
+++ b/gtk/theme/HighContrast/_common.scss
@@ -1601,6 +1601,35 @@ menu,
       margin-right: 10px;
     }
   }
+  //overflow arrows
+  > arrow {
+    @include button(undecorated);
+
+    min-height: 16px;
+    min-width: 16px;
+    padding: 4px;
+    border-radius: 0;
+
+    &.top {
+      border-bottom: 1px solid $borders_color;
+      -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+    }
+
+    &.bottom {
+      margin-bottom: -2px;
+      margin-top: 2px;
+      border-top: 1px solid $borders_color;
+      -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+    }
+
+    &:hover { background-color: $selected_bg_color; color: $selected_fg_color; }
+
+    &:disabled {
+      color: transparent;
+      background-color: transparent;
+      border-color: transparent ;
+    }
+  }
 }
 
 menuitem {
diff --git a/gtk/theme/HighContrast/gtk-contained-inverse.css 
b/gtk/theme/HighContrast/gtk-contained-inverse.css
index 03ca2d6055..2eed2934bd 100644
--- a/gtk/theme/HighContrast/gtk-contained-inverse.css
+++ b/gtk/theme/HighContrast/gtk-contained-inverse.css
@@ -651,6 +651,16 @@ menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) { -gtk-icon-source:
 
 menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) { -gtk-icon-source: 
-gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
 
+menu > arrow, .menu > arrow { border-width: 2px; border-style: solid; color: #fff; background-color: 
transparent; background-image: none; border-color: transparent; min-height: 16px; min-width: 16px; padding: 
4px; border-radius: 0; }
+
+menu > arrow.top, .menu > arrow.top { border-bottom: 1px solid gray; -gtk-icon-source: 
-gtk-icontheme("pan-up-symbolic"); }
+
+menu > arrow.bottom, .menu > arrow.bottom { margin-bottom: -2px; margin-top: 2px; border-top: 1px solid 
gray; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menu > arrow:hover, .menu > arrow:hover { background-color: #ddd; color: #000; }
+
+menu > arrow:disabled, .menu > arrow:disabled { color: transparent; background-color: transparent; 
border-color: transparent; }
+
 menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
 
 menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
diff --git a/gtk/theme/HighContrast/gtk-contained.css b/gtk/theme/HighContrast/gtk-contained.css
index ccfc15f14d..e6552a5f46 100644
--- a/gtk/theme/HighContrast/gtk-contained.css
+++ b/gtk/theme/HighContrast/gtk-contained.css
@@ -655,6 +655,16 @@ menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) { -gtk-icon-source:
 
 menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) { -gtk-icon-source: 
-gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
 
+menu > arrow, .menu > arrow { border-width: 2px; border-style: solid; color: #000; background-color: 
transparent; background-image: none; border-color: transparent; min-height: 16px; min-width: 16px; padding: 
4px; border-radius: 0; }
+
+menu > arrow.top, .menu > arrow.top { border-bottom: 1px solid gray; -gtk-icon-source: 
-gtk-icontheme("pan-up-symbolic"); }
+
+menu > arrow.bottom, .menu > arrow.bottom { margin-bottom: -2px; margin-top: 2px; border-top: 1px solid 
gray; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menu > arrow:hover, .menu > arrow:hover { background-color: #000; color: #fff; }
+
+menu > arrow:disabled, .menu > arrow:disabled { color: transparent; background-color: transparent; 
border-color: transparent; }
+
 menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
 
 menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]