Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[author] Update SimpleBar v3.1.x with new auto-update config (#13150)
Update SimpleBar after folder structure change, fix #13102
- Loading branch information
1 parent
9a6b478
commit 2d71042
Showing
13 changed files
with
13,547 additions
and
13 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,183 @@ | ||
[data-simplebar] { | ||
position: relative; | ||
flex-direction: column; | ||
flex-wrap: wrap; | ||
justify-content: flex-start; | ||
align-content: flex-start; | ||
align-items: flex-start; | ||
width: inherit; | ||
height: inherit; | ||
max-width: inherit; | ||
max-height: inherit; | ||
} | ||
|
||
.simplebar-wrapper { | ||
overflow: hidden; | ||
width: inherit; | ||
height: inherit; | ||
max-width: inherit; | ||
max-height: inherit; | ||
} | ||
|
||
.simplebar-mask { | ||
direction: inherit; | ||
position: absolute; | ||
overflow: hidden; | ||
padding: 0; | ||
margin: 0; | ||
left: 0; | ||
top: 0; | ||
bottom: 0; | ||
right: 0; | ||
width: auto !important; | ||
height: auto !important; | ||
z-index: 0; | ||
} | ||
|
||
.simplebar-offset { | ||
direction: inherit !important; | ||
box-sizing: inherit !important; | ||
resize: none !important; | ||
position: absolute; | ||
top: 0; | ||
left: 0; | ||
bottom: 0; | ||
right: 0; | ||
padding: 0; | ||
margin: 0; | ||
-webkit-overflow-scrolling: touch; | ||
} | ||
|
||
.simplebar-content { | ||
direction: inherit; | ||
box-sizing: border-box !important; | ||
position: relative; | ||
display: block; | ||
height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ | ||
width: auto; | ||
visibility: visible; | ||
overflow: scroll; /* Scroll on this element otherwise element can't have a padding applied properly */ | ||
max-width: 100%; /* Not required for horizontal scroll to trigger */ | ||
max-height: 100%; /* Needed for vertical scroll to trigger */ | ||
} | ||
|
||
.simplebar-placeholder { | ||
max-height: 100%; | ||
max-width: 100%; | ||
width: 100%; | ||
pointer-events: none; | ||
} | ||
|
||
.simplebar-height-auto-observer-wrapper { | ||
box-sizing: inherit !important; | ||
height: 100%; | ||
width: inherit; | ||
max-width: 1px; | ||
position: relative; | ||
float: left; | ||
max-height: 1px; | ||
overflow: hidden; | ||
z-index: -1; | ||
padding: 0; | ||
margin: 0; | ||
pointer-events: none; | ||
flex-grow: inherit; | ||
flex-shrink: 0; | ||
flex-basis: 0; | ||
} | ||
|
||
.simplebar-height-auto-observer { | ||
box-sizing: inherit; | ||
display: block; | ||
opacity: 0; | ||
position: absolute; | ||
top: 0; | ||
left: 0; | ||
height: 1000%; | ||
width: 1000%; | ||
min-height: 1px; | ||
min-width: 1px; | ||
overflow: hidden; | ||
pointer-events: none; | ||
z-index: -1; | ||
} | ||
|
||
.simplebar-track { | ||
z-index: 1; | ||
position: absolute; | ||
right: 0; | ||
bottom: 0; | ||
pointer-events: none; | ||
} | ||
|
||
.simplebar-scrollbar { | ||
position: absolute; | ||
right: 2px; | ||
width: 7px; | ||
min-height: 10px; | ||
} | ||
|
||
.simplebar-scrollbar:before { | ||
position: absolute; | ||
content: ""; | ||
background: black; | ||
border-radius: 7px; | ||
left: 0; | ||
right: 0; | ||
opacity: 0; | ||
transition: opacity 0.2s linear; | ||
} | ||
|
||
.simplebar-track .simplebar-scrollbar.simplebar-visible:before { | ||
/* When hovered, remove all transitions from drag handle */ | ||
opacity: 0.5; | ||
transition: opacity 0s linear; | ||
} | ||
|
||
.simplebar-track.simplebar-vertical { | ||
top: 0; | ||
width: 11px; | ||
} | ||
|
||
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before { | ||
top: 2px; | ||
bottom: 2px; | ||
} | ||
|
||
.simplebar-track.simplebar-horizontal { | ||
left: 0; | ||
height: 11px; | ||
} | ||
|
||
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { | ||
height: 100%; | ||
left: 2px; | ||
right: 2px; | ||
} | ||
|
||
.simplebar-track.simplebar-horizontal .simplebar-scrollbar { | ||
right: auto; | ||
left: 0; | ||
top: 2px; | ||
height: 7px; | ||
min-height: 0; | ||
min-width: 10px; | ||
width: auto; | ||
} | ||
|
||
/* Rtl support */ | ||
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical { | ||
right: auto; | ||
left: 0; | ||
} | ||
|
||
.hs-dummy-scrollbar-size { | ||
direction: rtl; | ||
position: fixed; | ||
opacity: 0; | ||
visibility: hidden; | ||
height: 500px; | ||
width: 500px; | ||
overflow-y: hidden; | ||
overflow-x: scroll; | ||
} |
Oops, something went wrong.