From 1a7d3b8946cec5e8ea0be19c0224194a311d3c09 Mon Sep 17 00:00:00 2001
From: danaholdt <dana.holdt@gmail.com>
Date: Mon, 10 Dec 2018 11:00:11 -0500
Subject: [PATCH] dm-horizontal-scroll-height-update

Modification for the horizontal scrollbar height and experience within the DM. Makes the scrollbar taller, have hover/active effects, and a cursor style for selectabilty improvements.
---
 hsDarkIde.css | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/hsDarkIde.css b/hsDarkIde.css
index d4886d3..d7784b5 100644
--- a/hsDarkIde.css
+++ b/hsDarkIde.css
@@ -77,6 +77,44 @@ body.design-manager.ext-dark-theme .HorizontalScrollContainer__ScrollBar-cSRRR{
     bottom: 0.3rem;
     background-color: #3E8CBC;
 }
+
+
+/* ******* 
+* Horizontal Tab Scrollbar -- Height Modification 
+* Kind of a convoluted height modification to the base elements surrounding the scroll.
+* Also looks like some injected styles might be impacting this. 
+* Possibly will need to address this post-hoc.
+**********/
+html.ext-ui-tweaks .HorizontalScrollContainer__ScrollBar-cSRRR {
+    height: 10px; /* increased from something like 3px */
+    bottom: 10px;
+    border-radius: 7px;
+    cursor: move; /* cursor state for easier idendification of active state */
+    transition: 150ms all;
+}
+
+html.ext-ui-tweaks .HorizontalScrollContainer__ScrollBar-cSRRR:hover, 
+html.ext-ui-tweaks .HorizontalScrollContainer__ScrollBar-cSRRR:active {
+    background-color: #7e9ab5; /* hover for easier idendification of active state */
+}
+
+html.ext-ui-tweaks .tabs-container, html.ext-ui-tweaks .file-tabs > div {
+    height: 40px;
+}
+
+
+html.ext-ui-tweaks .file-tabs.private-tabs .file-tab {
+    height: auto;  /* removed defined height of 40px to allow for the scrollbar to live within the padding area of the tab*/
+    padding-bottom: 12px;
+}
+
+html.ext-ui-tweaks .private-button--transparent.private-button--default {
+    padding: 11px !important;
+}
+
+/* End of Horizontal Tab Scrollbar -- Height Modification */
+
+
 body.design-manager.ext-dark-theme .welcome-container{
     background-color: #202d3a;
 }