123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211 |
- [data-simplebar] {
- position: relative;
- flex-direction: column;
- flex-wrap: wrap;
- justify-content: flex-start;
- align-content: flex-start;
- align-items: flex-start;
- }
- .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-wrapper {
- 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;
- max-width: 100%; /* Not required for horizontal scroll to trigger */
- max-height: 100%; /* Needed for vertical scroll to trigger */
- scrollbar-width: none;
- -ms-overflow-style: none;
- }
- .simplebar-content-wrapper::-webkit-scrollbar,
- .simplebar-hide-scrollbar::-webkit-scrollbar {
- width: 0;
- height: 0;
- }
- .simplebar-content:before,
- .simplebar-content:after {
- content: ' ';
- display: table;
- }
- .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: 100%;
- 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;
- overflow: hidden;
- }
- [data-simplebar].simplebar-dragging .simplebar-content {
- pointer-events: none;
- user-select: none;
- -webkit-user-select: none;
- }
- [data-simplebar].simplebar-dragging .simplebar-track {
- pointer-events: all;
- }
- .simplebar-scrollbar {
- position: absolute;
- left: 0;
- right: 0;
- min-height: 10px;
- }
- .simplebar-scrollbar:before {
- position: absolute;
- content: '';
- background: black;
- border-radius: 7px;
- left: 2px;
- right: 2px;
- opacity: 0;
- transition: opacity 0.2s linear;
- }
- .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;
- }
- .simplebar-hide-scrollbar {
- position: fixed;
- left: 0;
- visibility: hidden;
- overflow-y: scroll;
- scrollbar-width: none;
- -ms-overflow-style: none;
- }
|