Nessuna descrizione

simplebar.css 3.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  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. visibility: visible;
  51. overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */
  52. max-width: 100%; /* Not required for horizontal scroll to trigger */
  53. max-height: 100%; /* Needed for vertical scroll to trigger */
  54. }
  55. .simplebar-content:before,
  56. .simplebar-content:after {
  57. content: " ";
  58. display: table;
  59. }
  60. .simplebar-placeholder {
  61. max-height: 100%;
  62. max-width: 100%;
  63. width: 100%;
  64. pointer-events: none;
  65. }
  66. .simplebar-height-auto-observer-wrapper {
  67. box-sizing: inherit !important;
  68. height: 100%;
  69. width: inherit;
  70. max-width: 1px;
  71. position: relative;
  72. float: left;
  73. max-height: 1px;
  74. overflow: hidden;
  75. z-index: -1;
  76. padding: 0;
  77. margin: 0;
  78. pointer-events: none;
  79. flex-grow: inherit;
  80. flex-shrink: 0;
  81. flex-basis: 0;
  82. }
  83. .simplebar-height-auto-observer {
  84. box-sizing: inherit;
  85. display: block;
  86. opacity: 0;
  87. position: absolute;
  88. top: 0;
  89. left: 0;
  90. height: 1000%;
  91. width: 1000%;
  92. min-height: 1px;
  93. min-width: 1px;
  94. overflow: hidden;
  95. pointer-events: none;
  96. z-index: -1;
  97. }
  98. .simplebar-track {
  99. z-index: 1;
  100. position: absolute;
  101. right: 0;
  102. bottom: 0;
  103. pointer-events: none;
  104. overflow: hidden;
  105. }
  106. [data-simplebar].simplebar-dragging .simplebar-track {
  107. pointer-events: all;
  108. }
  109. .simplebar-scrollbar {
  110. position: absolute;
  111. right: 2px;
  112. width: 7px;
  113. min-height: 10px;
  114. }
  115. .simplebar-scrollbar:before {
  116. position: absolute;
  117. content: "";
  118. background: black;
  119. border-radius: 7px;
  120. left: 0;
  121. right: 0;
  122. opacity: 0;
  123. transition: opacity 0.2s linear;
  124. }
  125. .simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  126. /* When hovered, remove all transitions from drag handle */
  127. opacity: 0.5;
  128. transition: opacity 0s linear;
  129. }
  130. .simplebar-track.simplebar-vertical {
  131. top: 0;
  132. width: 11px;
  133. }
  134. .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  135. top: 2px;
  136. bottom: 2px;
  137. }
  138. .simplebar-track.simplebar-horizontal {
  139. left: 0;
  140. height: 11px;
  141. }
  142. .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  143. height: 100%;
  144. left: 2px;
  145. right: 2px;
  146. }
  147. .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  148. right: auto;
  149. left: 0;
  150. top: 2px;
  151. height: 7px;
  152. min-height: 0;
  153. min-width: 10px;
  154. width: auto;
  155. }
  156. /* Rtl support */
  157. [data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
  158. right: auto;
  159. left: 0;
  160. }
  161. .hs-dummy-scrollbar-size {
  162. direction: rtl;
  163. position: fixed;
  164. opacity: 0;
  165. visibility: hidden;
  166. height: 500px;
  167. width: 500px;
  168. overflow-y: hidden;
  169. overflow-x: scroll;
  170. }