aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJacco Geul <[email protected]>2016-04-11 11:43:19 +0200
committerJacco Geul <[email protected]>2016-04-11 11:43:19 +0200
commit11f403a946a936b3790d3ddc4ac6e90c7075a3f7 (patch)
treef880bd58b361659e1093eb8258db71582f7a626d
parent7ab6cd5ba6a033f3c777aeae1228ddcd97608d13 (diff)
Fix horizontal scrollbar
-rw-r--r--Breeze-dark-gtk/gtk-3.0/gtk.css24
-rwxr-xr-xBreeze-gtk/gtk-3.0/_common.scss48
-rw-r--r--Breeze-gtk/gtk-3.0/gtk-dark.css22
-rwxr-xr-xBreeze-gtk/gtk-3.0/gtk.css18
4 files changed, 56 insertions, 56 deletions
diff --git a/Breeze-dark-gtk/gtk-3.0/gtk.css b/Breeze-dark-gtk/gtk-3.0/gtk.css
index 955f3c8..b951e7f 100644
--- a/Breeze-dark-gtk/gtk-3.0/gtk.css
+++ b/Breeze-dark-gtk/gtk-3.0/gtk.css
@@ -2314,73 +2314,73 @@ scrollbar {
scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
border: none;
background: none; }
- scrollbar.trough {
+ scrollbar.vertical trough {
border-image: -gtk-scaled(url("assets/scrollbar-trough-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar.trough:dir(rtl) {
+ scrollbar.vertical trough:dir(rtl) {
border-image: -gtk-scaled(url("assets/scrollbar-trough-rtl-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar.trough.horizontal {
+ scrollbar.horizontal trough {
border-image: -gtk-scaled(url("assets/scrollbar-trough-horizontal-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider {
+ scrollbar.vertical slider {
border-image: -gtk-scaled(url("assets/scrollbar-slider-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider:dir(rtl) {
+ scrollbar.vertical slider:dir(rtl) {
border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider:hover, scrollbar slider:disabled {
+ scrollbar.vertical slider:hover, scrollbar.vertical slider:disabled {
border-image: -gtk-scaled(url("assets/scrollbar-slider-hover-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider:hover:dir(rtl), scrollbar slider:disabled:dir(rtl) {
+ scrollbar.vertical slider:hover:dir(rtl), scrollbar.vertical slider:disabled:dir(rtl) {
border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-hover-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider:active {
+ scrollbar.vertical slider:active {
border-image: -gtk-scaled(url("assets/scrollbar-slider-active-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider:active:dir(rtl) {
+ scrollbar.vertical slider:active:dir(rtl) {
border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-active-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider.horizontal {
+ scrollbar.horizontal slider {
border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider.horizontal:hover, scrollbar slider.horizontal:disabled {
+ scrollbar.horizontal slider:hover, scrollbar.horizontal slider:disabled {
border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-hover-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider.horizontal:active {
+ scrollbar.horizontal slider:active {
border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-active-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
diff --git a/Breeze-gtk/gtk-3.0/_common.scss b/Breeze-gtk/gtk-3.0/_common.scss
index cda6bfe..c5a50cb 100755
--- a/Breeze-gtk/gtk-3.0/_common.scss
+++ b/Breeze-gtk/gtk-3.0/_common.scss
@@ -2004,8 +2004,8 @@ scrollbar {
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false;
- .slider { @include _border(scrollbar-slider-overlay, $prefix:assets, $radius: 0, $width: 5px 4px 5px 4px, $image-width: 6 4 6 4 / 6px 4px 6px 4px); }
- &.horizontal .slider { @include _border(scrollbar-slider-overlay-horizontal, $prefix:assets, $radius: 0, $width: 4px 6px 4px 6px, $image-width: 4 6 4 6 / 4px 6px 4px 6px); }
+ &.vertical { slider { @include _border(scrollbar-slider-overlay, $prefix:assets, $radius: 0, $width: 5px 4px 5px 4px, $image-width: 6 4 6 4 / 6px 4px 6px 4px); } }
+ &.horizontal { slider { @include _border(scrollbar-slider-overlay-horizontal, $prefix:assets, $radius: 0, $width: 4px 6px 4px 6px, $image-width: 4 6 4 6 / 4px 6px 4px 6px); } }
.trough {
border: none;
@@ -2013,29 +2013,29 @@ scrollbar {
}
}
// Normal Scrollbars / Overlay Scrollbars on Mouseover
- &.trough {
- @include _border(scrollbar-trough, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
-
- &:dir(rtl) { @include _border(scrollbar-trough-rtl, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
- &.horizontal { @include _border(scrollbar-trough-horizontal, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
- }
- &.slider {
- @include _border(scrollbar-slider, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
-
- &:dir(rtl) { @include _border(scrollbar-slider-rtl, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
-
- &:hover, &:disabled {
- @include _border(scrollbar-slider-hover, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
-
- &:dir(rtl) { @include _border(scrollbar-slider-rtl-hover, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
- }
- &:active {
- @include _border(scrollbar-slider-active, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
-
- &:dir(rtl) { @include _border(scrollbar-slider-rtl-active, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
+ &.vertical{
+ trough {
+ @include _border(scrollbar-trough, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
+
+ &:dir(rtl) { @include _border(scrollbar-trough-rtl, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
+ }
+ slider {
+ @include _border(scrollbar-slider, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
+ &:dir(rtl) { @include _border(scrollbar-slider-rtl, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
+ &:hover, &:disabled {
+ @include _border(scrollbar-slider-hover, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
+ &:dir(rtl) { @include _border(scrollbar-slider-rtl-hover, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
+ }
+ &:active {
+ @include _border(scrollbar-slider-active, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
+ &:dir(rtl) { @include _border(scrollbar-slider-rtl-active, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
+ }
}
-
- &.horizontal {
+ }
+ &.horizontal {
+ trough {
+ @include _border(scrollbar-trough-horizontal, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
+ slider {
@include _border(scrollbar-slider-horizontal, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
&:hover, &:disabled { @include _border(scrollbar-slider-horizontal-hover, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
diff --git a/Breeze-gtk/gtk-3.0/gtk-dark.css b/Breeze-gtk/gtk-3.0/gtk-dark.css
index db13a6f..501fbac 100644
--- a/Breeze-gtk/gtk-3.0/gtk-dark.css
+++ b/Breeze-gtk/gtk-3.0/gtk-dark.css
@@ -2314,7 +2314,7 @@ scrollbar {
scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
border: none;
background: none; }
- scrollbar.trough {
+ scrollbar.vertical trough {
border-image: -gtk-scaled(url("assets/scrollbar-trough-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
@@ -2326,61 +2326,61 @@ scrollbar {
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar.trough.horizontal {
+ scrollbar.horizontal trough {
border-image: -gtk-scaled(url("assets/scrollbar-trough-horizontal-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider {
+ scrollbar.vertical slider {
border-image: -gtk-scaled(url("assets/scrollbar-slider-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider:dir(rtl) {
+ scrollbar.vertical slider:dir(rtl) {
border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider:hover, scrollbar slider:disabled {
+ scrollbar.vertical slider:hover, scrollbar.vertical slider:disabled {
border-image: -gtk-scaled(url("assets/scrollbar-slider-hover-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider:hover:dir(rtl), scrollbar slider:disabled:dir(rtl) {
+ scrollbar.vertical slider:hover:dir(rtl), scrollbar.vertical slider:disabled:dir(rtl) {
border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-hover-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider:active {
+ scrollbar.vertical slider:active {
border-image: -gtk-scaled(url("assets/scrollbar-slider-active-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider:active:dir(rtl) {
+ scrollbar.vertical slider:active:dir(rtl) {
border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-active-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider.horizontal {
+ scrollbar.horizontal slider {
border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider.horizontal:hover, scrollbar slider.horizontal:disabled {
+ scrollbar.horizontal slider:hover, scrollbar.horizontal slider:disabled {
border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-hover-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider.horizontal:active {
+ scrollbar.horizontal slider:active {
border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-active-dark.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
diff --git a/Breeze-gtk/gtk-3.0/gtk.css b/Breeze-gtk/gtk-3.0/gtk.css
index 527a598..c720127 100755
--- a/Breeze-gtk/gtk-3.0/gtk.css
+++ b/Breeze-gtk/gtk-3.0/gtk.css
@@ -2315,31 +2315,31 @@ scrollbar {
scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
border: none;
background: none; }
- scrollbar.trough {
+ scrollbar.vertical trough {
border-image: -gtk-scaled(url("assets/scrollbar-trough.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar.trough:dir(rtl) {
+ scrollbar.vertical trough:dir(rtl) {
border-image: -gtk-scaled(url("assets/scrollbar-trough-rtl.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar.trough.horizontal {
+ scrollbar.horizontal trough {
border-image: -gtk-scaled(url("assets/scrollbar-trough-horizontal.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider {
+ scrollbar.vertical slider {
border-image: -gtk-scaled(url("assets/scrollbar-slider.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider:dir(rtl) {
+ scrollbar.vertical slider:dir(rtl) {
border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
@@ -2357,7 +2357,7 @@ scrollbar {
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider:active {
+ scrollbar.vertical slider:active {
border-image: -gtk-scaled(url("assets/scrollbar-slider-active.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
@@ -2369,19 +2369,19 @@ scrollbar {
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider.horizontal {
+ scrollbar.horizontal slider {
border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider.horizontal:hover, scrollbar slider.horizontal:disabled {
+ scrollbar.horizontal slider:hover, scrollbar.horizontal slider:disabled {
border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-hover.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
- scrollbar slider.horizontal:active {
+ scrollbar.horizontal slider:active {
border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-active.png"), url("assets/[email protected]")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;