ListControl.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247
  1. DIV.clsListControl
  2. {
  3. overflow: hidden;
  4. }
  5. DIV.clsListControl[dir="ltr"] > TABLE.clsListControlTable
  6. {
  7. text-align: left;
  8. }
  9. DIV.clsListControl[dir="rtl"] > TABLE.clsListControlTable
  10. {
  11. text-align: right;
  12. }
  13. TABLE.clsListControlTable
  14. {
  15. table-layout: fixed;
  16. border-collapse: collapse;
  17. empty-cells: show;
  18. text-align: start;
  19. text-indent: 0;
  20. }
  21. TBODY.clsListControlTBody
  22. {
  23. display: block;
  24. overflow-x: hidden;
  25. overflow-y: scroll;
  26. }
  27. TBODY.clsListControlTBody:not(:first-of-type)
  28. {
  29. border-top-width: 0 !important;
  30. }
  31. TBODY.clsListControlTBody:not(:last-of-type)
  32. {
  33. border-bottom-width: 0 !important;
  34. }
  35. TABLE.clsListControlTable[_847] > TBODY.clsListControlTBody
  36. {
  37. scroll-snap-type: y mandatory;
  38. }
  39. TABLE.clsListControlTable[_847] > TBODY.clsListControlTBody > TR:not(.clsListControlPreviousNextRows)
  40. {
  41. scroll-snap-align: start;
  42. }
  43. TABLE.clsListControlTable[_847] > TBODY.clsListControlTBody > TR:not(.clsListControlFirstRow):not(.clsListControlPreviousNextRows)
  44. {
  45. scroll-margin-top: -1px;
  46. }
  47. TBODY.clsListControlTBody > TR:not(.clsListControlPreviousNextRows) > *
  48. {
  49. border-width: 1px;
  50. border-style: solid;
  51. }
  52. TBODY.clsListControlColumnTitles > TR > *,
  53. TBODY.clsListControlTBody > TR > *,
  54. TBODY.clsListControlSummaryHeader > TR > *,
  55. TBODY.clsListControlSummaryFooter > TR > *
  56. {
  57. white-space: nowrap;
  58. overflow: hidden;
  59. text-overflow: ellipsis;
  60. vertical-align: middle;
  61. }
  62. DIV.clsListControlColumnFilterTitle
  63. {
  64. overflow: hidden;
  65. text-overflow: ellipsis;
  66. }
  67. /* Suppress top borders on first row cells */
  68. TR.clsListControlFirstRow > *
  69. {
  70. border-top-width: 0 !important;
  71. }
  72. /* Suppress bottom borders on last row cells */
  73. TBODY.clsListControlTBody:not([_pe2]) > TR.clsListControlLastRow > *
  74. {
  75. border-bottom-width: 0 !important;
  76. }
  77. /* Suppress left borders on first column cells */
  78. TBODY.clsListControlTBody > TR > TD:first-of-type
  79. {
  80. border-left-width: 0 !important;
  81. }
  82. /* Suppress right borders on last column cells */
  83. TBODY.clsListControlTBody > TR > TD:last-of-type
  84. {
  85. border-right-width: 0 !important;
  86. }
  87. THEAD.clsListControlColumnSizes > TR > *
  88. {
  89. border-top-width: 0;
  90. border-bottom-width: 0;
  91. border-color: transparent;
  92. }
  93. THEAD.clsListControlColumnSizes,
  94. THEAD.clsListControlColumnSizes > TR > *
  95. TR.clsListControlPreviousNextRows > *
  96. {
  97. height: 0;
  98. }
  99. TABLE.clsListControlTable.clsTouchDevice TR.clsListControlPreviousNextRows
  100. {
  101. background: linear-gradient(to bottom, rgba(192, 191, 192, 0.2), rgba(192, 191, 192, 0.2) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2));
  102. }
  103. TR.clsListControlSelectedRow
  104. {
  105. /* outline: 2px solid var(--primary1); */
  106. background-color: var(--primary1-20) !important;
  107. }
  108. /*
  109. DIV.clsListControl.clsShowListControlRowHover > TABLE.clsListControlTable > TBODY > TR
  110. {
  111. -webkit-transition: background-color 100ms ease-in !important;
  112. -moz-transition: background-color 100ms ease-in !important;
  113. -ms-transition: background-color 100ms ease-in !important;
  114. transition: background-color 100ms ease-in !important;
  115. }
  116. DIV.clsListControl.clsShowListControlRowHover TABLE.clsListControlTable > TBODY > TR:not(.clsListControlSelectedRow):hover,
  117. DIV.clsListControl.clsShowListControlRowHover TABLE.clsListControlTable > TBODY > TR:not(.clsListControlSelectedRow):focus
  118. {
  119. background-color: var(--primary1-20) !important;
  120. }
  121. DIV.clsListControl.clsShowListControlRowHover TABLE.clsListControlTable > TBODY > TR:not(.clsListControlSelectedRow) > TD
  122. {
  123. color: inherit !important;
  124. }
  125. DIV.clsListControl.clsShowListControlRowHover TABLE.clsListControlTable > TBODY > TR:not(.clsListControlSelectedRow):hover > TD
  126. {
  127. color: var(--ui-05) !important;
  128. }
  129. */
  130. TBODY.clsListControlTBody > TR > TD[_vk8]
  131. {
  132. cursor: pointer;
  133. }
  134. SPAN.clsListControlExpand
  135. {
  136. margin-right: 0.25em;
  137. }
  138. SPAN.clsListControlExpand > svg
  139. {
  140. fill: currentColor;
  141. height: 0.9em;
  142. width: 0.9em;
  143. vertical-align: middle;
  144. pointer-events: none;
  145. }
  146. TBODY.clsListControlTBody > TR > TD:not([_vk8]) > SPAN.clsListControlExpand > svg
  147. {
  148. display: none;
  149. }
  150. TBODY.clsListControlTBody[_ye2] > TR:not(.clsListControlPreviousNextRows) > TD:not([_vk8]) > SPAN.clsListControlExpand
  151. {
  152. margin-left: 0.9em;
  153. }
  154. .clsListControlDropdownArrow
  155. {
  156. height: 12px;
  157. width: 12px;
  158. vertical-align: middle;
  159. }
  160. TABLE.clsListControlTable[_y35]
  161. {
  162. position: relative;
  163. }
  164. DIV.clsListControlColumnResizer
  165. {
  166. position: absolute;
  167. cursor: col-resize;
  168. width: 5px;
  169. margin-left: -2px;
  170. top: 0;
  171. border-left: 2px solid transparent;
  172. border-right: 2px solid transparent;
  173. }
  174. DIV.clsListControlColumnResizer[_bn7],
  175. DIV.clsListControlColumnResizer:hover
  176. {
  177. background-color: rgba( 0, 0, 0, 0.2 );
  178. border-left-color: rgba( 255, 255, 255, 0.8 );
  179. border-right-color: rgba( 255, 255, 255, 0.8 );
  180. }
  181. DIV.clsListControlColumnResizeWidth
  182. {
  183. white-space: nowrap;
  184. line-height: normal;
  185. font-family: var(--F1);
  186. font-size: var(--BODY-S);
  187. font-weight: normal;
  188. color: var(--text-01);
  189. position: absolute;
  190. top: 0;
  191. padding: 2px 4px;
  192. border: 1px solid var(--G2);
  193. background-color: var(--ui-01);
  194. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  195. }
  196. LABEL.clsListControlCheckbox,
  197. LABEL.clsListControlRadioButton
  198. {
  199. display: inline;
  200. line-height: normal;
  201. }
  202. A.clsListControlSvgButton
  203. {
  204. cursor: pointer;
  205. fill: var(--text-02);
  206. }
  207. A.clsListControlSvgButton[_x35],
  208. A.clsListControlSvgButton[_ye6]
  209. {
  210. fill: currentColor;
  211. }
  212. A.clsListControlSvgButton svg
  213. {
  214. pointer-events: none;
  215. }
  216. TD.clsListControlColumnTitle A[_iv3]
  217. {
  218. visibility: hidden;
  219. }
  220. TD.clsListControlColumnTitle:hover A[_iv3]
  221. {
  222. visibility: visible;
  223. }