SimplbeBar.styles.js 4.5 KB

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