Terminal Scrollbar fix

godlyranchdressing · May 12, 2017 · d62bcf1 · d62bcf1
1 parent 5f24be3
commit d62bcf1
Show file tree

Hide file tree

Showing 24 changed files with 649 additions and 0 deletions.
diff --git a/United-Arch.tar.xz b/United-Arch.tar.xz
diff --git a/United-Fedora.tar.xz b/United-Fedora.tar.xz
diff --git a/United-Latest.tar.xz b/United-Latest.tar.xz
diff --git a/United-Manjaro.tar.xz b/United-Manjaro.tar.xz
diff --git a/United-OpenSUSE.tar.xz b/United-OpenSUSE.tar.xz
diff --git a/src/gtk-3.0/sass/common-partials/_common.scss b/src/gtk-3.0/sass/common-partials/_common.scss
@@ -2595,6 +2595,43 @@ scrollbar {
   }
 }
 
+terminal-screen-container scrollbar {
+  slider {
+    transition: $shorter_transition;
+    min-width: 8px;
+    min-height: 8px;
+    border: 4px solid transparent;
+    border-radius: $circular_radius;
+    background-clip: padding-box;
+    background-color: $secondary_fg_color;
+
+    &:hover {
+      background-color: $secondary_fg_color;
+    }
+
+    &:active {
+      background-color: $fg_color;
+    }
+
+    &:disabled {
+      background-color: $disabled_secondary_fg_color;
+    }
+  }
+
+  &.dragging,
+  &:hover {
+    background-color: $border_color;
+  }
+
+  &:hover slider {
+    background-color: transparentize($primary_color, $middle_opacity);
+  }
+
+  &.dragging slider {
+    background-color: transparentize($primary_color, $disabled_opacity);
+  }
+}
+
 /**********
  * Switch *
  **********/

diff --git a/src/gtk-3.0/sass/compiled-css/arch/gtk-arch-dark.css b/src/gtk-3.0/sass/compiled-css/arch/gtk-arch-dark.css
@@ -2819,6 +2819,40 @@ scrollbar.horizontal button.up {
   -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
 }
 
+terminal-screen-container scrollbar slider {
+  transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(255, 255, 255, 0.75);
+}
+
+terminal-screen-container scrollbar slider:hover {
+  background-color: rgba(255, 255, 255, 0.75);
+}
+
+terminal-screen-container scrollbar slider:active {
+  background-color: #ffffff;
+}
+
+terminal-screen-container scrollbar slider:disabled {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+terminal-screen-container scrollbar.dragging, terminal-screen-container scrollbar:hover {
+  background-color: rgba(244, 244, 244, 0.1);
+}
+
+terminal-screen-container scrollbar:hover slider {
+  background-color: rgba(23, 147, 209, 0.4);
+}
+
+terminal-screen-container scrollbar.dragging slider {
+  background-color: rgba(23, 147, 209, 0.6);
+}
+
 /**********
  * Switch *
  **********/

diff --git a/src/gtk-3.0/sass/compiled-css/arch/gtk-arch-darker.css b/src/gtk-3.0/sass/compiled-css/arch/gtk-arch-darker.css
@@ -2821,6 +2821,40 @@ scrollbar.horizontal button.up {
   -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
 }
 
+terminal-screen-container scrollbar slider {
+  transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(96, 96, 96, 0.75);
+}
+
+terminal-screen-container scrollbar slider:hover {
+  background-color: rgba(96, 96, 96, 0.75);
+}
+
+terminal-screen-container scrollbar slider:active {
+  background-color: #606060;
+}
+
+terminal-screen-container scrollbar slider:disabled {
+  background-color: rgba(96, 96, 96, 0.3);
+}
+
+terminal-screen-container scrollbar.dragging, terminal-screen-container scrollbar:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+terminal-screen-container scrollbar:hover slider {
+  background-color: rgba(23, 147, 209, 0.4);
+}
+
+terminal-screen-container scrollbar.dragging slider {
+  background-color: rgba(23, 147, 209, 0.6);
+}
+
 /**********
  * Switch *
  **********/

diff --git a/src/gtk-3.0/sass/compiled-css/arch/gtk-arch.css b/src/gtk-3.0/sass/compiled-css/arch/gtk-arch.css
@@ -2820,6 +2820,40 @@ scrollbar.horizontal button.up {
   -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
 }
 
+terminal-screen-container scrollbar slider {
+  transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(96, 96, 96, 0.75);
+}
+
+terminal-screen-container scrollbar slider:hover {
+  background-color: rgba(96, 96, 96, 0.75);
+}
+
+terminal-screen-container scrollbar slider:active {
+  background-color: #606060;
+}
+
+terminal-screen-container scrollbar slider:disabled {
+  background-color: rgba(96, 96, 96, 0.3);
+}
+
+terminal-screen-container scrollbar.dragging, terminal-screen-container scrollbar:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+terminal-screen-container scrollbar:hover slider {
+  background-color: rgba(23, 147, 209, 0.4);
+}
+
+terminal-screen-container scrollbar.dragging slider {
+  background-color: rgba(23, 147, 209, 0.6);
+}
+
 /**********
  * Switch *
  **********/

diff --git a/src/gtk-3.0/sass/compiled-css/fedora/gtk-fedora-dark.css b/src/gtk-3.0/sass/compiled-css/fedora/gtk-fedora-dark.css
@@ -2819,6 +2819,40 @@ scrollbar.horizontal button.up {
   -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
 }
 
+terminal-screen-container scrollbar slider {
+  transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(255, 255, 255, 0.75);
+}
+
+terminal-screen-container scrollbar slider:hover {
+  background-color: rgba(255, 255, 255, 0.75);
+}
+
+terminal-screen-container scrollbar slider:active {
+  background-color: #ffffff;
+}
+
+terminal-screen-container scrollbar slider:disabled {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+terminal-screen-container scrollbar.dragging, terminal-screen-container scrollbar:hover {
+  background-color: rgba(244, 244, 244, 0.1);
+}
+
+terminal-screen-container scrollbar:hover slider {
+  background-color: rgba(60, 110, 180, 0.4);
+}
+
+terminal-screen-container scrollbar.dragging slider {
+  background-color: rgba(60, 110, 180, 0.6);
+}
+
 /**********
  * Switch *
  **********/

diff --git a/src/gtk-3.0/sass/compiled-css/fedora/gtk-fedora-darker.css b/src/gtk-3.0/sass/compiled-css/fedora/gtk-fedora-darker.css
@@ -2821,6 +2821,40 @@ scrollbar.horizontal button.up {
   -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
 }
 
+terminal-screen-container scrollbar slider {
+  transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(96, 96, 96, 0.75);
+}
+
+terminal-screen-container scrollbar slider:hover {
+  background-color: rgba(96, 96, 96, 0.75);
+}
+
+terminal-screen-container scrollbar slider:active {
+  background-color: #606060;
+}
+
+terminal-screen-container scrollbar slider:disabled {
+  background-color: rgba(96, 96, 96, 0.3);
+}
+
+terminal-screen-container scrollbar.dragging, terminal-screen-container scrollbar:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+terminal-screen-container scrollbar:hover slider {
+  background-color: rgba(60, 110, 180, 0.4);
+}
+
+terminal-screen-container scrollbar.dragging slider {
+  background-color: rgba(60, 110, 180, 0.6);
+}
+
 /**********
  * Switch *
  **********/

diff --git a/src/gtk-3.0/sass/compiled-css/fedora/gtk-fedora.css b/src/gtk-3.0/sass/compiled-css/fedora/gtk-fedora.css
@@ -2820,6 +2820,40 @@ scrollbar.horizontal button.up {
   -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
 }
 
+terminal-screen-container scrollbar slider {
+  transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(96, 96, 96, 0.75);
+}
+
+terminal-screen-container scrollbar slider:hover {
+  background-color: rgba(96, 96, 96, 0.75);
+}
+
+terminal-screen-container scrollbar slider:active {
+  background-color: #606060;
+}
+
+terminal-screen-container scrollbar slider:disabled {
+  background-color: rgba(96, 96, 96, 0.3);
+}
+
+terminal-screen-container scrollbar.dragging, terminal-screen-container scrollbar:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+terminal-screen-container scrollbar:hover slider {
+  background-color: rgba(60, 110, 180, 0.4);
+}
+
+terminal-screen-container scrollbar.dragging slider {
+  background-color: rgba(60, 110, 180, 0.6);
+}
+
 /**********
  * Switch *
  **********/

diff --git a/src/gtk-3.0/sass/compiled-css/manjaro/gtk-manjaro-dark.css b/src/gtk-3.0/sass/compiled-css/manjaro/gtk-manjaro-dark.css
@@ -2819,6 +2819,40 @@ scrollbar.horizontal button.up {
   -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
 }
 
+terminal-screen-container scrollbar slider {
+  transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(255, 255, 255, 0.75);
+}
+
+terminal-screen-container scrollbar slider:hover {
+  background-color: rgba(255, 255, 255, 0.75);
+}
+
+terminal-screen-container scrollbar slider:active {
+  background-color: #ffffff;
+}
+
+terminal-screen-container scrollbar slider:disabled {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+terminal-screen-container scrollbar.dragging, terminal-screen-container scrollbar:hover {
+  background-color: rgba(244, 244, 244, 0.1);
+}
+
+terminal-screen-container scrollbar:hover slider {
+  background-color: rgba(53, 191, 92, 0.4);
+}
+
+terminal-screen-container scrollbar.dragging slider {
+  background-color: rgba(53, 191, 92, 0.6);
+}
+
 /**********
  * Switch *
  **********/

diff --git a/src/gtk-3.0/sass/compiled-css/manjaro/gtk-manjaro-darker.css b/src/gtk-3.0/sass/compiled-css/manjaro/gtk-manjaro-darker.css
@@ -2821,6 +2821,40 @@ scrollbar.horizontal button.up {
   -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
 }
 
+terminal-screen-container scrollbar slider {
+  transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(96, 96, 96, 0.75);
+}
+
+terminal-screen-container scrollbar slider:hover {
+  background-color: rgba(96, 96, 96, 0.75);
+}
+
+terminal-screen-container scrollbar slider:active {
+  background-color: #606060;
+}
+
+terminal-screen-container scrollbar slider:disabled {
+  background-color: rgba(96, 96, 96, 0.3);
+}
+
+terminal-screen-container scrollbar.dragging, terminal-screen-container scrollbar:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+terminal-screen-container scrollbar:hover slider {
+  background-color: rgba(53, 191, 92, 0.4);
+}
+
+terminal-screen-container scrollbar.dragging slider {
+  background-color: rgba(53, 191, 92, 0.6);
+}
+
 /**********
  * Switch *
  **********/