Changeset View
Changeset View
Standalone View
Standalone View
src/gtk3/widgets/_scrollbar.scss
| Show All 38 Lines | 35 | &:active:hover { | |||
|---|---|---|---|---|---|
| 39 | color: transparent; | 39 | color: transparent; | ||
| 40 | } | 40 | } | ||
| 41 | &:disabled { | 41 | &:disabled { | ||
| 42 | border: none; | 42 | border: none; | ||
| 43 | background-color: gtk("@theme_bg_color"); | 43 | background-color: gtk("@theme_bg_color"); | ||
| 44 | background-image: none; | 44 | background-image: none; | ||
| 45 | color: transparent; | 45 | color: transparent; | ||
| 46 | } | 46 | } | ||
| 47 | &:backdrop { | | |||
| 48 | @extend %undecorated_button; | | |||
| 49 | color: gtk("@theme_button_foreground_backdrop"); | | |||
| 50 | &:disabled { | | |||
| 51 | color: gtk("@theme_button_foreground_backdrop_insensitive"); | | |||
| 52 | } | | |||
| 53 | @extend %undecorated_button; | | |||
| 54 | } | | |||
| 55 | } | 47 | } | ||
| 56 | 48 | | |||
| 57 | // Overlay Scrollbars | 49 | // Overlay Scrollbars | ||
| 58 | &.dragging, // if this isn't set, the scrollbars don't update their size correctly | 50 | &.dragging, // if this isn't set, the scrollbars don't update their size correctly | ||
| 59 | &.hovering { opacity: 0.9910; } // probably a gtk bug | 51 | &.hovering { opacity: 0.9910; } // probably a gtk bug | ||
| 60 | &.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.999; } // | 52 | &.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.999; } // | ||
| 61 | 53 | | |||
| 62 | 54 | | |||
| ▲ Show 20 Lines • Show All 50 Lines • ▼ Show 20 Line(s) | |||||
| 113 | 105 | | |||
| 114 | slider { | 106 | slider { | ||
| 115 | //margin: 0px; | 107 | //margin: 0px; | ||
| 116 | transition-duration: 0.1s; | 108 | transition-duration: 0.1s; | ||
| 117 | min-width: 3px; | 109 | min-width: 3px; | ||
| 118 | min-height: 30px; | 110 | min-height: 30px; | ||
| 119 | border-radius: 8px; | 111 | border-radius: 8px; | ||
| 120 | background-clip: padding-box; | 112 | background-clip: padding-box; | ||
| 121 | background-color: gtkalpha($scrollbar_color_backdrop, 0.2); | 113 | background-color: gtkalpha("@theme_fg_color", 0.5); | ||
| 122 | &:backdrop { | | |||
| 123 | background-color: $scrollbar_color_backdrop; | | |||
| 124 | } | | |||
| 125 | &:hover { | 114 | &:hover { | ||
| 126 | min-width: 6px; | 115 | min-width: 6px; | ||
| 127 | background-color: gtk("@theme_button_decoration_hover"); | 116 | background-color: gtk("@theme_button_decoration_hover"); | ||
| 128 | 117 | | |||
| 129 | } | 118 | } | ||
| 130 | } | 119 | } | ||
| 131 | &.horizontal slider { | 120 | &.horizontal slider { | ||
| 132 | transition-duration: 0.1s; | 121 | transition-duration: 0.1s; | ||
| 133 | min-width: 30px; | 122 | min-width: 30px; | ||
| 134 | min-height: 3px; | 123 | min-height: 3px; | ||
| 135 | border-radius: 8px; | 124 | border-radius: 8px; | ||
| 136 | background-clip: padding-box; | 125 | background-clip: padding-box; | ||
| 137 | background-color: gtkalpha($scrollbar_color_backdrop, 0.2); | 126 | background-color: gtkalpha("@theme_fg_color", 0.5); | ||
| 138 | &:backdrop { | | |||
| 139 | background-color: $scrollbar_color_backdrop; | | |||
| 140 | } | | |||
| 141 | &:hover { | 127 | &:hover { | ||
| 142 | min-height: 6px; | 128 | min-height: 6px; | ||
| 143 | background-color: gtk("@theme_button_decoration_hover"); | 129 | background-color: gtk("@theme_button_decoration_hover"); | ||
| 144 | 130 | | |||
| 145 | } | 131 | } | ||
| 146 | 132 | | |||
| 147 | } | 133 | } | ||
| 148 | } | 134 | } | ||