From 7c325ed85228231b1087d86f425137d53d410f88 Mon Sep 17 00:00:00 2001
From: Alex Monday <monday15@gmx.com>
Date: Mon, 24 Dec 2018 11:08:50 +0500
Subject: [PATCH] HighContrast: Add style for overflow buttons

Add missing style for overflow buttons located on scrollable dropdown
menus.
---
 gtk/theme/HighContrast/_common.scss           | 29 +++++++++++++++++++
 .../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; }