simplebar.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  1. [data-simplebar] {
  2. position: relative;
  3. flex-direction: column;
  4. flex-wrap: wrap;
  5. justify-content: flex-start;
  6. align-content: flex-start;
  7. align-items: flex-start;
  8. }
  9. .simplebar-wrapper {
  10. overflow: hidden;
  11. width: inherit;
  12. height: inherit;
  13. max-width: inherit;
  14. max-height: inherit;
  15. }
  16. .simplebar-mask {
  17. direction: inherit;
  18. position: absolute;
  19. overflow: hidden;
  20. padding: 0;
  21. margin: 0;
  22. left: 0;
  23. top: 0;
  24. bottom: 0;
  25. right: 0;
  26. width: auto !important;
  27. height: auto !important;
  28. z-index: 0;
  29. }
  30. .simplebar-offset {
  31. direction: inherit !important;
  32. box-sizing: inherit !important;
  33. resize: none !important;
  34. position: absolute;
  35. top: 0;
  36. left: 0;
  37. bottom: 0;
  38. right: 0;
  39. padding: 0;
  40. margin: 0;
  41. -webkit-overflow-scrolling: touch;
  42. }
  43. .simplebar-content-wrapper {
  44. direction: inherit;
  45. box-sizing: border-box !important;
  46. position: relative;
  47. display: block;
  48. height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  49. width: auto;
  50. max-width: 100%; /* Not required for horizontal scroll to trigger */
  51. max-height: 100%; /* Needed for vertical scroll to trigger */
  52. scrollbar-width: none;
  53. -ms-overflow-style: none;
  54. }
  55. .simplebar-content-wrapper::-webkit-scrollbar,
  56. .simplebar-hide-scrollbar::-webkit-scrollbar {
  57. width: 0;
  58. height: 0;
  59. }
  60. .simplebar-content:before,
  61. .simplebar-content:after {
  62. content: ' ';
  63. display: table;
  64. }
  65. .simplebar-placeholder {
  66. max-height: 100%;
  67. max-width: 100%;
  68. width: 100%;
  69. pointer-events: none;
  70. }
  71. .simplebar-height-auto-observer-wrapper {
  72. box-sizing: inherit !important;
  73. height: 100%;
  74. width: 100%;
  75. max-width: 1px;
  76. position: relative;
  77. float: left;
  78. max-height: 1px;
  79. overflow: hidden;
  80. z-index: -1;
  81. padding: 0;
  82. margin: 0;
  83. pointer-events: none;
  84. flex-grow: inherit;
  85. flex-shrink: 0;
  86. flex-basis: 0;
  87. }
  88. .simplebar-height-auto-observer {
  89. box-sizing: inherit;
  90. display: block;
  91. opacity: 0;
  92. position: absolute;
  93. top: 0;
  94. left: 0;
  95. height: 1000%;
  96. width: 1000%;
  97. min-height: 1px;
  98. min-width: 1px;
  99. overflow: hidden;
  100. pointer-events: none;
  101. z-index: -1;
  102. }
  103. .simplebar-track {
  104. z-index: 1;
  105. position: absolute;
  106. right: 0;
  107. bottom: 0;
  108. pointer-events: none;
  109. overflow: hidden;
  110. }
  111. [data-simplebar].simplebar-dragging .simplebar-content {
  112. pointer-events: none;
  113. user-select: none;
  114. -webkit-user-select: none;
  115. }
  116. [data-simplebar].simplebar-dragging .simplebar-track {
  117. pointer-events: all;
  118. }
  119. .simplebar-scrollbar {
  120. position: absolute;
  121. left: 0;
  122. right: 0;
  123. min-height: 10px;
  124. }
  125. .simplebar-scrollbar:before {
  126. position: absolute;
  127. content: '';
  128. background: black;
  129. border-radius: 7px;
  130. left: 2px;
  131. right: 2px;
  132. opacity: 0;
  133. transition: opacity 0.2s linear;
  134. }
  135. .simplebar-scrollbar.simplebar-visible:before {
  136. /* When hovered, remove all transitions from drag handle */
  137. opacity: 0.5;
  138. transition: opacity 0s linear;
  139. }
  140. .simplebar-track.simplebar-vertical {
  141. top: 0;
  142. width: 11px;
  143. }
  144. .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  145. top: 2px;
  146. bottom: 2px;
  147. }
  148. .simplebar-track.simplebar-horizontal {
  149. left: 0;
  150. height: 11px;
  151. }
  152. .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  153. height: 100%;
  154. left: 2px;
  155. right: 2px;
  156. }
  157. .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  158. right: auto;
  159. left: 0;
  160. top: 2px;
  161. height: 7px;
  162. min-height: 0;
  163. min-width: 10px;
  164. width: auto;
  165. }
  166. /* Rtl support */
  167. [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  168. right: auto;
  169. left: 0;
  170. }
  171. .hs-dummy-scrollbar-size {
  172. direction: rtl;
  173. position: fixed;
  174. opacity: 0;
  175. visibility: hidden;
  176. height: 500px;
  177. width: 500px;
  178. overflow-y: hidden;
  179. overflow-x: scroll;
  180. }
  181. .simplebar-hide-scrollbar {
  182. position: fixed;
  183. left: 0;
  184. visibility: hidden;
  185. overflow-y: scroll;
  186. scrollbar-width: none;
  187. -ms-overflow-style: none;
  188. }