Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

scrollbars improvements

Browse Source
This commit is contained in:
codecalm
2022-11-22 01:22:35 +01:00
parent a33583f0d0
commit acd5fe1284
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/scss/layout/_navbar.scss
View File

@@ -54,8 +54,9 @@
@mixin navbar-dark {
--#{$prefix}navbar-border-color: #{$dark-mode-border-color};
--#{$prefix}navbar-bg: #{$dark};
--#{$prefix}scrollbar-color: var(--#{$prefix}white-rgb);
@include navbar-color($dark, $navbar-dark-color, $navbar-dark-brand-color, $navbar-dark-active-color, $navbar-dark-disabled-color, $navbar-dark-active-bg);
@include scrollbar;
//@include scrollbar;
}
@mixin navbar-vertical-nav {
@@ -386,7 +387,7 @@ Navbar vertical
z-index: $zindex-fixed;
align-items: flex-start;
@include transition(transform $transition-time);
overflow-x: auto;
overflow-y: scroll;
padding: 0;
&.navbar-right {

13
src/scss/mixins/_mixins.scss
View File

@@ -15,22 +15,23 @@
@mixin scrollbar($color: var(--#{$prefix}body-color-rgb)) {
#{if(&, "&", "*")}::-webkit-scrollbar {
width: .5rem;
height: .5rem;
width: 1rem;
height: 1rem;
@include transition(background $transition-time);
}
#{if(&, "&", "*")}::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgba($color, .16);
border-radius: 1rem;
border: 5px solid transparent;
box-shadow: inset 0 0 0 1rem rgba(var(--#{$prefix}scrollbar-color, var(--#{$prefix}body-color-rgb)), .16);
}
#{if(&, "&", "*")}::-webkit-scrollbar-track {
background: rgba($color, .06);
background: transparent;
}
#{if(&, "&", "*")}:hover::-webkit-scrollbar-thumb {
background: rgba($color, .32);
box-shadow: inset 0 0 0 1rem rgba(var(--#{$prefix}scrollbar-color, var(--#{$prefix}body-color-rgb)), .32);
}
#{if(&, "&", "*")}::-webkit-scrollbar-corner {