Commit 134630072f361ed9a35ad76ab075584d1f4153c7
1 parent
2a7315c277
Exists in
develop
Fix
Hidden horizontal
Showing
1 changed file
with
3 additions
and
0 deletions
Show diff stats
src/scss/scroll.scss
| 1 | @import "node_modules/bootstrap/scss/variables"; | 1 | @import "node_modules/bootstrap/scss/variables"; |
| 2 | 2 | ||
| 3 | .scroll-y { | 3 | .scroll-y { |
| 4 | overflow-y: auto; | 4 | overflow-y: auto; |
| 5 | overflow-x: hidden; | ||
| 5 | scrollbar-width: none; | 6 | scrollbar-width: none; |
| 6 | &::-webkit-scrollbar { | 7 | &::-webkit-scrollbar { |
| 7 | display: none; | 8 | display: none; |
| 8 | } | 9 | } |
| 9 | } | 10 | } |
| 10 | 11 | ||
| 11 | .scroll-y-visible { | 12 | .scroll-y-visible { |
| 12 | overflow-y: auto; | 13 | overflow-y: auto; |
| 14 | overflow-x: hidden; | ||
| 13 | &::-webkit-scrollbar { | 15 | &::-webkit-scrollbar { |
| 14 | width: 0.75em; | 16 | width: 0.75em; |
| 15 | } | 17 | } |
| 16 | &::-webkit-scrollbar-track { | 18 | &::-webkit-scrollbar-track { |
| 17 | border-radius: 10px; | 19 | border-radius: 10px; |
| 18 | box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); | 20 | box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); |
| 19 | -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); | 21 | -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); |
| 20 | background-color: $white; | 22 | background-color: $white; |
| 21 | } | 23 | } |
| 22 | &::-webkit-scrollbar-thumb { | 24 | &::-webkit-scrollbar-thumb { |
| 23 | box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7); | 25 | box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7); |
| 24 | -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7); | 26 | -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7); |
| 25 | outline: 1px solid slategrey; | 27 | outline: 1px solid slategrey; |
| 26 | border-radius: 10px; | 28 | border-radius: 10px; |
| 27 | height: 12px; | 29 | height: 12px; |
| 28 | &:active { | 30 | &:active { |
| 29 | box-shadow: inset 0 0 8px $primary; | 31 | box-shadow: inset 0 0 8px $primary; |
| 30 | -webkit-box-shadow: inset 0 0 8px $primary; | 32 | -webkit-box-shadow: inset 0 0 8px $primary; |
| 31 | } | 33 | } |
| 32 | } | 34 | } |
| 33 | &::-webkit-scrollbar-corner { | 35 | &::-webkit-scrollbar-corner { |
| 34 | border-radius: 10px; | 36 | border-radius: 10px; |
| 35 | } | 37 | } |
| 36 | } | 38 | } |
| 37 | 39 | ||
| 38 | .scroll-x { | 40 | .scroll-x { |
| 39 | overflow-x: auto; | 41 | overflow-x: auto; |
| 42 | overflow-y: hidden; | ||
| 40 | scrollbar-width: none; | 43 | scrollbar-width: none; |
| 41 | &::-webkit-scrollbar { | 44 | &::-webkit-scrollbar { |
| 42 | display: none; | 45 | display: none; |
| 43 | } | 46 | } |
| 44 | } | 47 | } |
| 45 | 48 |