You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
160 lines
3.2 KiB
160 lines
3.2 KiB
[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-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;
|
|
}
|