smart-webcomponents-react 19.0.0 → 19.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (334) hide show
  1. package/chart/ganttchart.d.ts +1 -1
  2. package/ganttchart/ganttchart.d.ts +1 -1
  3. package/ganttchart/ganttchart.esm.js +3 -3
  4. package/ganttchart/ganttchart.umd.js +3 -3
  5. package/index.d.ts +1 -2
  6. package/package.json +1 -1
  7. package/source/modules/smart.3dchart.js +1 -1
  8. package/source/modules/smart.accordion.js +1 -1
  9. package/source/modules/smart.array.js +1 -1
  10. package/source/modules/smart.barcode.js +1 -1
  11. package/source/modules/smart.breadcrumb.js +1 -1
  12. package/source/modules/smart.button.js +1 -1
  13. package/source/modules/smart.buttongroup.js +1 -1
  14. package/source/modules/smart.calendar.js +1 -1
  15. package/source/modules/smart.card.js +1 -1
  16. package/source/modules/smart.cardview.js +3 -3
  17. package/source/modules/smart.carousel.js +1 -1
  18. package/source/modules/smart.chart.js +2 -2
  19. package/source/modules/smart.checkbox.js +1 -1
  20. package/source/modules/smart.checkinput.js +1 -1
  21. package/source/modules/smart.chip.js +1 -1
  22. package/source/modules/smart.colorinput.js +1 -1
  23. package/source/modules/smart.colorpanel.js +1 -1
  24. package/source/modules/smart.colorpicker.js +1 -1
  25. package/source/modules/smart.combobox.js +1 -1
  26. package/source/modules/smart.common.js +2 -2
  27. package/source/modules/smart.countryinput.js +1 -1
  28. package/source/modules/smart.dateinput.js +1 -1
  29. package/source/modules/smart.daterangeinput.js +1 -1
  30. package/source/modules/smart.datetimepicker.js +1 -1
  31. package/source/modules/smart.dockinglayout.js +1 -1
  32. package/source/modules/smart.dropdownbutton.js +1 -1
  33. package/source/modules/smart.dropdownlist.js +1 -1
  34. package/source/modules/smart.editor.js +2 -2
  35. package/source/modules/smart.element.js +1 -1
  36. package/source/modules/smart.fileupload.js +1 -1
  37. package/source/modules/smart.form.js +1 -1
  38. package/source/modules/smart.formulaparser.js +1 -1
  39. package/source/modules/smart.ganttchart.js +4 -4
  40. package/source/modules/smart.gauge.js +1 -1
  41. package/source/modules/smart.grid.js +8 -8
  42. package/source/modules/smart.gridpanel.js +3 -3
  43. package/source/modules/smart.input.js +1 -1
  44. package/source/modules/smart.kanban.js +3 -3
  45. package/source/modules/smart.layout.js +1 -1
  46. package/source/modules/smart.led.js +1 -1
  47. package/source/modules/smart.listbox.js +1 -1
  48. package/source/modules/smart.listmenu.js +1 -1
  49. package/source/modules/smart.map.js +1 -1
  50. package/source/modules/smart.maskedtextbox.js +1 -1
  51. package/source/modules/smart.menu.js +1 -1
  52. package/source/modules/smart.multicomboinput.js +1 -1
  53. package/source/modules/smart.multiinput.js +1 -1
  54. package/source/modules/smart.multilinetextbox.js +1 -1
  55. package/source/modules/smart.multisplitbutton.js +1 -1
  56. package/source/modules/smart.numberinput.js +1 -1
  57. package/source/modules/smart.numerictextbox.js +1 -1
  58. package/source/modules/smart.pager.js +1 -1
  59. package/source/modules/smart.passwordinput.js +1 -1
  60. package/source/modules/smart.passwordtextbox.js +1 -1
  61. package/source/modules/smart.path.js +1 -1
  62. package/source/modules/smart.phoneinput.js +1 -1
  63. package/source/modules/smart.pivottable.js +3 -3
  64. package/source/modules/smart.progressbar.js +1 -1
  65. package/source/modules/smart.qrcode.js +1 -1
  66. package/source/modules/smart.querybuilder.js +1 -1
  67. package/source/modules/smart.radiobutton.js +1 -1
  68. package/source/modules/smart.rating.js +1 -1
  69. package/source/modules/smart.ribbon.js +1 -1
  70. package/source/modules/smart.router.js +2 -2
  71. package/source/modules/smart.scheduler.js +2 -2
  72. package/source/modules/smart.scrollbar.js +1 -1
  73. package/source/modules/smart.slider.js +1 -1
  74. package/source/modules/smart.sortable.js +1 -1
  75. package/source/modules/smart.splitter.js +1 -1
  76. package/source/modules/smart.switchbutton.js +1 -1
  77. package/source/modules/smart.table.js +3 -3
  78. package/source/modules/smart.tabs.js +1 -1
  79. package/source/modules/smart.tank.js +1 -1
  80. package/source/modules/smart.textarea.js +1 -1
  81. package/source/modules/smart.textbox.js +1 -1
  82. package/source/modules/smart.timeinput.js +1 -1
  83. package/source/modules/smart.timepicker.js +1 -1
  84. package/source/modules/smart.toast.js +1 -1
  85. package/source/modules/smart.tooltip.js +1 -1
  86. package/source/modules/smart.tree.js +1 -1
  87. package/source/modules/smart.validator.js +1 -1
  88. package/source/modules/smart.window.js +1 -1
  89. package/source/smart.3dchart.js +1 -1
  90. package/source/smart.accordion.js +1 -1
  91. package/source/smart.ajax.js +1 -1
  92. package/source/smart.array.js +1 -1
  93. package/source/smart.barcode.js +1 -1
  94. package/source/smart.bootstrap.js +1 -1
  95. package/source/smart.breadcrumb.js +1 -1
  96. package/source/smart.button.js +1 -1
  97. package/source/smart.buttongroup.js +1 -1
  98. package/source/smart.calendar.js +1 -1
  99. package/source/smart.card.js +1 -1
  100. package/source/smart.cardview.js +1 -1
  101. package/source/smart.carousel.js +1 -1
  102. package/source/smart.chart.annotations.js +1 -1
  103. package/source/smart.chart.api.js +1 -1
  104. package/source/smart.chart.core.js +1 -1
  105. package/source/smart.chart.js +1 -1
  106. package/source/smart.chart.rangeselector.js +1 -1
  107. package/source/smart.chart.waterfall.js +1 -1
  108. package/source/smart.checkbox.js +1 -1
  109. package/source/smart.checkinput.js +1 -1
  110. package/source/smart.chip.js +1 -1
  111. package/source/smart.colorinput.js +1 -1
  112. package/source/smart.colorpanel.js +1 -1
  113. package/source/smart.colorpicker.js +1 -1
  114. package/source/smart.combobox.js +1 -1
  115. package/source/smart.complex.js +1 -1
  116. package/source/smart.core.js +1 -1
  117. package/source/smart.countryinput.js +1 -1
  118. package/source/smart.data.js +2 -2
  119. package/source/smart.date.js +1 -1
  120. package/source/smart.dateformatpanel.js +1 -1
  121. package/source/smart.dateinput.js +1 -1
  122. package/source/smart.daterangeinput.js +1 -1
  123. package/source/smart.datetimepicker.js +1 -1
  124. package/source/smart.dockinglayout.js +1 -1
  125. package/source/smart.draw.js +1 -1
  126. package/source/smart.dropdownbutton.js +1 -1
  127. package/source/smart.dropdownlist.js +1 -1
  128. package/source/smart.editor.js +2 -2
  129. package/source/smart.element.js +1 -1
  130. package/source/smart.elements.js +10 -10
  131. package/source/smart.export.js +1 -1
  132. package/source/smart.fileupload.js +1 -1
  133. package/source/smart.filter.js +1 -1
  134. package/source/smart.filterbuilder.js +1 -1
  135. package/source/smart.filterpanel.js +1 -1
  136. package/source/smart.form.js +1 -1
  137. package/source/smart.format.js +1 -1
  138. package/source/smart.formulaparser.js +1 -1
  139. package/source/smart.ganttchart.js +2 -2
  140. package/source/smart.gauge.js +1 -1
  141. package/source/smart.grid.cell.js +1 -1
  142. package/source/smart.grid.chart.js +1 -1
  143. package/source/smart.grid.column.js +1 -1
  144. package/source/smart.grid.core.js +2 -2
  145. package/source/smart.grid.dialog.js +2 -2
  146. package/source/smart.grid.edit.js +2 -2
  147. package/source/smart.grid.export.js +1 -1
  148. package/source/smart.grid.filter.js +1 -1
  149. package/source/smart.grid.group.js +1 -1
  150. package/source/smart.grid.js +1 -1
  151. package/source/smart.grid.menu.js +1 -1
  152. package/source/smart.grid.pager.js +1 -1
  153. package/source/smart.grid.reorder.js +1 -1
  154. package/source/smart.grid.resize.js +1 -1
  155. package/source/smart.grid.row.js +2 -2
  156. package/source/smart.grid.select.js +1 -1
  157. package/source/smart.grid.sort.js +2 -2
  158. package/source/smart.grid.toolbar.js +1 -1
  159. package/source/smart.grid.tree.js +1 -1
  160. package/source/smart.grid.view.js +1 -1
  161. package/source/smart.gridpanel.js +2 -2
  162. package/source/smart.input.js +1 -1
  163. package/source/smart.kanban.js +1 -1
  164. package/source/smart.layout.js +1 -1
  165. package/source/smart.led.js +1 -1
  166. package/source/smart.listbox.js +1 -1
  167. package/source/smart.listmenu.js +1 -1
  168. package/source/smart.map.js +1 -1
  169. package/source/smart.maskedtextbox.js +1 -1
  170. package/source/smart.math.js +1 -1
  171. package/source/smart.menu.js +1 -1
  172. package/source/smart.multicomboinput.js +1 -1
  173. package/source/smart.multiinput.js +1 -1
  174. package/source/smart.multilinetextbox.js +1 -1
  175. package/source/smart.multisplitbutton.js +1 -1
  176. package/source/smart.numberformatpanel.js +1 -1
  177. package/source/smart.numberinput.js +1 -1
  178. package/source/smart.numeric.js +1 -1
  179. package/source/smart.numerictextbox.js +1 -1
  180. package/source/smart.pager.js +1 -1
  181. package/source/smart.passwordinput.js +1 -1
  182. package/source/smart.passwordtextbox.js +1 -1
  183. package/source/smart.path.js +1 -1
  184. package/source/smart.phoneinput.js +1 -1
  185. package/source/smart.pivottable.js +1 -1
  186. package/source/smart.powerbutton.js +1 -1
  187. package/source/smart.progressbar.js +1 -1
  188. package/source/smart.qrcode.js +1 -1
  189. package/source/smart.radiobutton.js +1 -1
  190. package/source/smart.rating.js +1 -1
  191. package/source/smart.ribbon.js +1 -1
  192. package/source/smart.router.js +1 -1
  193. package/source/smart.scheduler.js +1 -1
  194. package/source/smart.scrollbar.js +1 -1
  195. package/source/smart.slider.js +1 -1
  196. package/source/smart.sortable.js +1 -1
  197. package/source/smart.sparkline.js +1 -1
  198. package/source/smart.splitter.js +1 -1
  199. package/source/smart.switchbutton.js +1 -1
  200. package/source/smart.table.js +1 -1
  201. package/source/smart.tabs.js +1 -1
  202. package/source/smart.tank.js +1 -1
  203. package/source/smart.textarea.js +1 -1
  204. package/source/smart.textbox.js +1 -1
  205. package/source/smart.tickintervalhandler.js +1 -1
  206. package/source/smart.timeinput.js +1 -1
  207. package/source/smart.timepicker.js +1 -1
  208. package/source/smart.toast.js +1 -1
  209. package/source/smart.tooltip.js +1 -1
  210. package/source/smart.tree.js +1 -1
  211. package/source/smart.validationpanel.js +1 -1
  212. package/source/smart.validator.js +1 -1
  213. package/source/smart.window.js +1 -1
  214. package/source/styles/bootstrap/smart.bootstrap.blue.css +3369 -3372
  215. package/source/styles/bootstrap/smart.bootstrap.css +3369 -3372
  216. package/source/styles/bootstrap/smart.bootstrap.cyan.css +3369 -3372
  217. package/source/styles/bootstrap/smart.bootstrap.green.css +3369 -3372
  218. package/source/styles/bootstrap/smart.bootstrap.indigo.css +3369 -3372
  219. package/source/styles/bootstrap/smart.bootstrap.orange.css +3369 -3372
  220. package/source/styles/bootstrap/smart.bootstrap.pink.css +3369 -3372
  221. package/source/styles/bootstrap/smart.bootstrap.purple.css +3369 -3372
  222. package/source/styles/bootstrap/smart.bootstrap.red.css +3369 -3372
  223. package/source/styles/bootstrap/smart.bootstrap.teal.css +3369 -3372
  224. package/source/styles/bootstrap/smart.bootstrap.turquoise.css +3369 -3372
  225. package/source/styles/components/smart.array.css +1 -1
  226. package/source/styles/components/smart.calendar.css +2 -2
  227. package/source/styles/components/smart.cardview.css +2 -2
  228. package/source/styles/components/smart.checkinput.css +1 -1
  229. package/source/styles/components/smart.colorinput.css +1 -1
  230. package/source/styles/components/smart.columnpanel.css +1 -1
  231. package/source/styles/components/smart.countryinput.css +1 -1
  232. package/source/styles/components/smart.dateinput.css +2 -2
  233. package/source/styles/components/smart.daterangeinput.css +2 -2
  234. package/source/styles/components/smart.datetimeformatpanel.css +1 -1
  235. package/source/styles/components/smart.datetimepicker.css +1 -1
  236. package/source/styles/components/smart.editor.css +2 -2
  237. package/source/styles/components/smart.filterbuilder.css +2 -2
  238. package/source/styles/components/smart.filterpanel.css +1 -1
  239. package/source/styles/components/smart.ganttchart.css +2 -2
  240. package/source/styles/components/smart.grid.css +3 -3
  241. package/source/styles/components/smart.gridpanel.css +1 -1
  242. package/source/styles/components/smart.input.css +1 -1
  243. package/source/styles/components/smart.kanban.css +2 -2
  244. package/source/styles/components/smart.maskedtextbox.css +1 -1
  245. package/source/styles/components/smart.multicolumnfilterpanel.css +2 -2
  246. package/source/styles/components/smart.multicomboinput.css +1 -1
  247. package/source/styles/components/smart.multiinput.css +1 -1
  248. package/source/styles/components/smart.multilinetextbox.css +1 -1
  249. package/source/styles/components/smart.numberformatpanel.css +1 -1
  250. package/source/styles/components/smart.numberinput.css +1 -1
  251. package/source/styles/components/smart.pager.css +1 -1
  252. package/source/styles/components/smart.passwordinput.css +1 -1
  253. package/source/styles/components/smart.passwordtextbox.css +1 -1
  254. package/source/styles/components/smart.phoneinput.css +1 -1
  255. package/source/styles/components/smart.pivottable.css +1 -1
  256. package/source/styles/components/smart.querybuilder.css +3 -3
  257. package/source/styles/components/smart.ribbon.css +1 -1
  258. package/source/styles/components/smart.scheduler.css +2 -2
  259. package/source/styles/components/smart.sortpanel.css +1 -1
  260. package/source/styles/components/smart.table.css +1 -1
  261. package/source/styles/components/smart.textarea.css +1 -1
  262. package/source/styles/components/smart.textbox.css +1 -1
  263. package/source/styles/components/smart.timeinput.css +1 -1
  264. package/source/styles/components/smart.validationpanel.css +1 -1
  265. package/source/styles/components/smart.window.css +1 -1
  266. package/source/styles/default/scss/textbox/_multi-combo-input.scss +5 -0
  267. package/source/styles/default/smart.accordion.css +309 -309
  268. package/source/styles/default/smart.array.css +77 -77
  269. package/source/styles/default/smart.badge.css +50 -50
  270. package/source/styles/default/smart.barcode.css +3 -3
  271. package/source/styles/default/smart.breadcrumb.css +324 -324
  272. package/source/styles/default/smart.button.css +515 -515
  273. package/source/styles/default/smart.calendar.css +742 -742
  274. package/source/styles/default/smart.card.css +53 -53
  275. package/source/styles/default/smart.chart.css +119 -119
  276. package/source/styles/default/smart.checkbox.css +148 -148
  277. package/source/styles/default/smart.chip.css +101 -101
  278. package/source/styles/default/smart.colorpanel.css +617 -617
  279. package/source/styles/default/smart.colorpicker.css +132 -132
  280. package/source/styles/default/smart.currencyformatpanel.css +71 -71
  281. package/source/styles/default/smart.dateformatpanel.css +105 -105
  282. package/source/styles/default/smart.datetimepicker.css +611 -611
  283. package/source/styles/default/smart.dockinglayout.css +748 -748
  284. package/source/styles/default/smart.dropdownbutton.css +257 -257
  285. package/source/styles/default/smart.editor.css +1528 -1527
  286. package/source/styles/default/smart.editors.css +150 -150
  287. package/source/styles/default/smart.fileupload.css +498 -498
  288. package/source/styles/default/smart.ganttchart.css +1594 -1594
  289. package/source/styles/default/smart.gauge.css +145 -145
  290. package/source/styles/default/smart.inputgroup.css +483 -483
  291. package/source/styles/default/smart.layout.css +465 -465
  292. package/source/styles/default/smart.layouts.css +483 -483
  293. package/source/styles/default/smart.led.css +144 -144
  294. package/source/styles/default/smart.link-button.css +321 -321
  295. package/source/styles/default/smart.listbox.css +564 -564
  296. package/source/styles/default/smart.listmenu.css +661 -661
  297. package/source/styles/default/smart.loader.css +203 -203
  298. package/source/styles/default/smart.maskedtextbox.css +27 -27
  299. package/source/styles/default/smart.multilinetextbox.css +190 -190
  300. package/source/styles/default/smart.multisplitbutton.css +225 -225
  301. package/source/styles/default/smart.numberformatpanel.css +72 -72
  302. package/source/styles/default/smart.numerictextbox.css +522 -522
  303. package/source/styles/default/smart.pager.css +253 -253
  304. package/source/styles/default/smart.passwordtextbox.css +129 -129
  305. package/source/styles/default/smart.path.css +581 -581
  306. package/source/styles/default/smart.pivottable.css +800 -800
  307. package/source/styles/default/smart.powerbutton.css +100 -100
  308. package/source/styles/default/smart.progressbar.css +501 -501
  309. package/source/styles/default/smart.qrcode.css +3 -3
  310. package/source/styles/default/smart.querybuilder.css +624 -623
  311. package/source/styles/default/smart.radiobutton.css +137 -137
  312. package/source/styles/default/smart.rating.css +17 -17
  313. package/source/styles/default/smart.scheduler.css +2789 -2789
  314. package/source/styles/default/smart.scrollbar.css +118 -118
  315. package/source/styles/default/smart.scrollviewer.css +109 -109
  316. package/source/styles/default/smart.slider.css +464 -464
  317. package/source/styles/default/smart.sortable.css +114 -114
  318. package/source/styles/default/smart.splitter.css +395 -395
  319. package/source/styles/default/smart.switchbutton.css +293 -293
  320. package/source/styles/default/smart.table.css +2025 -2025
  321. package/source/styles/default/smart.tabs.css +923 -923
  322. package/source/styles/default/smart.tank.css +661 -661
  323. package/source/styles/default/smart.textbox.css +3431 -3427
  324. package/source/styles/default/smart.timepicker.css +150 -150
  325. package/source/styles/default/smart.toast.css +252 -252
  326. package/source/styles/default/smart.toggle.css +175 -175
  327. package/source/styles/default/smart.tooltip.css +124 -124
  328. package/source/styles/default/smart.tree.css +783 -783
  329. package/source/styles/default/smart.validationpanel.css +116 -116
  330. package/source/styles/default/smart.window.css +829 -829
  331. package/source/styles/smart.default.css +4 -4
  332. package/source/styles/smart.fluent.css +3313 -3313
  333. package/source/typescript/smart.elements.d.ts +1 -2
  334. package/source/typescript/smart.ganttchart.d.ts +1 -2
package/source/styles/default/smart.listmenu.css CHANGED
@@ -1,662 +1,662 @@
1
- /* smart-list-menu */
2
- smart-list-menu {
3
- width: var(--smart-list-menu-default-width);
4
- height: var(--smart-list-menu-default-height);
5
- display: block;
6
- background: var(--smart-background);
7
- border: var(--smart-border-width) solid var(--smart-border);
8
- border-top-left-radius: var(--smart-border-top-left-radius);
9
- border-top-right-radius: var(--smart-border-top-right-radius);
10
- border-bottom-left-radius: var(--smart-border-bottom-left-radius);
11
- border-bottom-right-radius: var(--smart-border-bottom-right-radius);
12
- outline: none;
13
- color: var(--smart-background-color);
14
- visibility: hidden;
15
- }
16
- smart-list-menu:focus {
17
- border-color: var(--smart-outline);
18
- }
19
- smart-list-menu > .smart-container {
20
- position: relative;
21
- display: flex;
22
- }
23
- smart-list-menu.smart-element {
24
- visibility: inherit;
25
- }
26
- smart-list-menu .smart-ripple {
27
- background: var(--smart-ui-state-focus);
28
- }
29
- smart-list-menu[minimized] {
30
- height: auto;
31
- overflow: visible;
32
- border: var(--smart-border-width) solid var(--smart-border);
33
- background: var(--smart-surface);
34
- }
35
- smart-list-menu[drop-down-position|=top] .smart-list-menu-view-minimized {
36
- top: calc(-1 * var(--smart-border-width));
37
- transform: translateY(-100%);
38
- box-shadow: var(--smart-elevation-8);
39
- }
40
- smart-list-menu[drop-down-position$=left] .smart-list-menu-view-minimized {
41
- left: initial;
42
- right: calc(-1 * var(--smart-border-width));
43
- }
44
- smart-list-menu:not([animation=none]) .smart-hamburger-icon-line {
45
- transition: visibility 0.02s ease-in, transform 0.2s ease-in, width 0.2s ease-in;
46
- }
47
-
48
- smart-tree .smart-filter-input:focus {
49
- outline: none;
50
- }
51
-
52
- .smart-list-menu.smart-container {
53
- position: relative;
54
- display: flex;
55
- }
56
- .smart-list-menu smart-menu-items-group[hover],
57
- .smart-list-menu smart-menu-item[hover] {
58
- background: var(--smart-ui-state-hover);
59
- border-color: var(--smart-ui-state-border-hover);
60
- color: var(--smart-ui-state-color-hover);
61
- }
62
- .smart-list-menu .smart-hamburger-icon {
63
- width: 40px;
64
- height: 100%;
65
- display: flex;
66
- flex-direction: column;
67
- align-items: center;
68
- justify-content: center;
69
- float: none;
70
- cursor: pointer;
71
- margin-top: 2px;
72
- }
73
- .smart-list-menu .smart-hamburger-icon .smart-hamburger-icon-custom-container {
74
- height: 100%;
75
- display: flex;
76
- align-items: center;
77
- }
78
- .smart-list-menu .smart-hamburger-icon.smart-close-button > .smart-hamburger-icon-line-top {
79
- width: 29px;
80
- transform: translateX(4px) rotate(45deg);
81
- }
82
- .smart-list-menu .smart-hamburger-icon.smart-close-button > .smart-hamburger-icon-line-center {
83
- visibility: hidden;
84
- }
85
- .smart-list-menu .smart-hamburger-icon.smart-close-button > .smart-hamburger-icon-line-bottom {
86
- width: 29px;
87
- transform: translateX(4px) rotate(-45deg);
88
- }
89
- .smart-list-menu .smart-hamburger-icon-line {
90
- margin-bottom: 5px;
91
- border-radius: 10px;
92
- width: 30px;
93
- height: 5px;
94
- background-color: var(--smart-surface-color);
95
- transform-origin: left;
96
- }
97
- .smart-list-menu .smart-hamburger-icon-line-bottom {
98
- margin-bottom: 0;
99
- }
100
- .smart-list-menu .smart-list-menu-view-minimized {
101
- left: calc(-1 * var(--smart-border-width));
102
- top: calc(100% + var(--smart-border-width));
103
- }
104
- .smart-list-menu .smart-list-menu-view-minimized.smart-visibility-hidden.not-in-view {
105
- left: -9999px;
106
- top: -9999px;
107
- transition: none;
108
- }
109
- .smart-list-menu[minimized] .smart-minimized-header {
110
- background: var(--smart-surface);
111
- justify-content: flex-end;
112
- }
113
- .smart-list-menu[disabled] smart-menu-item,
114
- .smart-list-menu[disabled] smart-menu-items-group,
115
- .smart-list-menu[disabled] .smart-hamburger-icon {
116
- cursor: default;
117
- }
118
- .smart-list-menu[disabled] .smart-hamburger-icon {
119
- cursor: default;
120
- }
121
- .smart-list-menu[minimize-icon-template] .smart-hamburger-icon {
122
- width: auto;
123
- float: left;
124
- }
125
- .smart-list-menu:not([animation=none]) .smart-hamburger-icon-line {
126
- transition: visibility 0.02s ease-in, transform 0.2s ease-in, width 0.2s ease-in;
127
- }
128
- .smart-list-menu:not([animation=none]) .smart-list-menu-view-minimized {
129
- opacity: 1;
130
- transform: scaleY(1);
131
- margin: 8px 0px;
132
- -webkit-transform-origin: top;
133
- transform-origin: top;
134
- transition: opacity 0.2s ease-in, visibility 0.2s ease-in, transform 0.2s ease-in;
135
- }
136
- .smart-list-menu:not([animation=none]) .smart-list-menu-view-minimized.smart-visibility-hidden {
137
- opacity: 0.2;
138
- transform: scaleY(0);
139
- }
140
- .smart-list-menu[minimize-icon-template=null] .smart-hamburger-icon {
141
- width: 40px;
142
- height: 100%;
143
- display: flex;
144
- flex-direction: column;
145
- align-items: center;
146
- justify-content: center;
147
- float: none;
148
- cursor: pointer;
149
- margin-top: 2px;
150
- }
151
- .smart-list-menu[drop-down-position*=top] .smart-list-menu-view-minimized {
152
- margin: -8px 0px;
153
- }
154
- .smart-list-menu[drop-down-position|=top]:not([animation=none]) .smart-list-menu-view-minimized {
155
- transform: translateY(-100%) scaleY(1);
156
- -webkit-transform-origin: bottom;
157
- transform-origin: bottom;
158
- }
159
- .smart-list-menu[drop-down-position|=top]:not([animation=none]) .smart-list-menu-view-minimized.smart-visibility-hidden {
160
- transform: translateY(-100%) scaleY(0);
161
- }
162
-
163
- .smart-list-menu smart-menu-item,
164
- .smart-list-menu smart-menu-items-group,
165
- .smart-list-menu-view.smart-drop-down-repositioned smart-menu-item,
166
- .smart-list-menu-view.smart-drop-down-repositioned smart-menu-items-group {
167
- padding: 10px 0;
168
- }
169
- .smart-list-menu smart-menu-item.smart-element,
170
- .smart-list-menu smart-menu-items-group.smart-element,
171
- .smart-list-menu-view.smart-drop-down-repositioned smart-menu-item.smart-element,
172
- .smart-list-menu-view.smart-drop-down-repositioned smart-menu-items-group.smart-element {
173
- display: block;
174
- width: 100%;
175
- height: auto;
176
- overflow: hidden;
177
- }
178
- .smart-list-menu smart-menu-item[separator]:last-child,
179
- .smart-list-menu smart-menu-items-group[separator]:last-child,
180
- .smart-list-menu-view.smart-drop-down-repositioned smart-menu-item[separator]:last-child,
181
- .smart-list-menu-view.smart-drop-down-repositioned smart-menu-items-group[separator]:last-child {
182
- border-bottom: none;
183
- }
184
- .smart-list-menu smart-menu-items-group.smart-menu-items-group-opened[separator],
185
- .smart-list-menu-view.smart-drop-down-repositioned smart-menu-items-group.smart-menu-items-group-opened[separator] {
186
- border-bottom: none;
187
- }
188
- .smart-list-menu .smart-header,
189
- .smart-list-menu-view.smart-drop-down-repositioned .smart-header {
190
- background: var(--smart-primary);
191
- color: var(--smart-primary-color);
192
- border-color: var(--smart-primary);
193
- box-shadow: var(--smart-elevation-4);
194
- z-index: 3;
195
- padding: 0px 16px;
196
- display: flex;
197
- align-items: center;
198
- justify-content: center;
199
- position: relative;
200
- width: 100%;
201
- height: var(--smart-bar-height);
202
- border-bottom: var(--smart-border-width) solid var(--smart-primary);
203
- overflow: hidden;
204
- }
205
- .smart-list-menu .smart-header > smart-button,
206
- .smart-list-menu-view.smart-drop-down-repositioned .smart-header > smart-button {
207
- position: absolute;
208
- width: 50px;
209
- height: 100%;
210
- left: 0;
211
- top: 0;
212
- background: inherit;
213
- border: inherit;
214
- color: inherit;
215
- }
216
- .smart-list-menu .smart-header > smart-button > .smart-button,
217
- .smart-list-menu-view.smart-drop-down-repositioned .smart-header > smart-button > .smart-button {
218
- border: none;
219
- }
220
- .smart-list-menu .smart-header > smart-button .smart-arrow:after,
221
- .smart-list-menu-view.smart-drop-down-repositioned .smart-header > smart-button .smart-arrow:after {
222
- font-size: calc(var(--smart-font-size) - 3px);
223
- color: inherit;
224
- }
225
- .smart-list-menu .smart-menu-scroll-button,
226
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-scroll-button {
227
- display: block;
228
- background-color: var(--smart-scroll-bar-background);
229
- color: var(--smart-scroll-bar-color);
230
- border-radius: 0px;
231
- border-left: none;
232
- border-right: none;
233
- width: 100%;
234
- height: var(--smart-menu-scroll-button-size);
235
- }
236
- .smart-list-menu .smart-menu-scroll-button > button,
237
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-scroll-button > button {
238
- border: none;
239
- min-height: 0;
240
- }
241
- .smart-list-menu .smart-menu-scroll-button:last-of-type,
242
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-scroll-button:last-of-type {
243
- border-bottom: none;
244
- }
245
- .smart-list-menu .smart-hidden,
246
- .smart-list-menu-view.smart-drop-down-repositioned .smart-hidden {
247
- display: none !important;
248
- }
249
- .smart-list-menu .smart-title,
250
- .smart-list-menu-view.smart-drop-down-repositioned .smart-title {
251
- display: flex;
252
- align-items: center;
253
- font-size: calc(var(--smart-font-size) + 2px);
254
- }
255
- .smart-list-menu .smart-menu-item-label-container,
256
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-item-label-container {
257
- display: flex;
258
- position: relative;
259
- justify-content: space-between;
260
- padding: 10px;
261
- width: 100%;
262
- }
263
- .smart-list-menu .smart-menu-main-container,
264
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container {
265
- width: 100%;
266
- height: 100%;
267
- overflow: hidden;
268
- position: relative;
269
- }
270
- .smart-list-menu .smart-menu-main-container .smart-scroll-viewer-content-container,
271
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container .smart-scroll-viewer-content-container {
272
- width: 100%;
273
- }
274
- .smart-list-menu .smart-menu-main-container.header-shown,
275
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown {
276
- height: calc(100% - var(--smart-bar-height));
277
- }
278
- .smart-list-menu .smart-menu-main-container.header-shown.scroll-buttons-shown,
279
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown.scroll-buttons-shown {
280
- height: calc(100% - var(--smart-bar-height) - 2 * var(--smart-menu-scroll-button-size));
281
- }
282
- .smart-list-menu .smart-menu-main-container.header-shown.scroll-buttons-shown.one-button-shown,
283
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown.scroll-buttons-shown.one-button-shown {
284
- height: calc(100% - var(--smart-bar-height) - var(--smart-menu-scroll-button-size));
285
- }
286
- .smart-list-menu .smart-menu-main-container.header-shown.scroll-buttons-shown.one-button-shown.filter-input-shown,
287
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown.scroll-buttons-shown.one-button-shown.filter-input-shown {
288
- height: calc(100% - var(--smart-bar-height) - var(--smart-menu-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-list-menu-filter-input-vertical-offset));
289
- }
290
- .smart-list-menu .smart-menu-main-container.header-shown.scroll-buttons-shown.filter-input-shown,
291
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown.scroll-buttons-shown.filter-input-shown {
292
- height: calc(100% - var(--smart-bar-height) - 2 * var(--smart-menu-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-list-menu-filter-input-vertical-offset));
293
- }
294
- .smart-list-menu .smart-menu-main-container.header-shown.filter-input-shown,
295
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown.filter-input-shown {
296
- height: calc(100% - var(--smart-bar-height) - var(--smart-text-box-default-height) - 2 * var(--smart-list-menu-filter-input-vertical-offset));
297
- }
298
- .smart-list-menu .smart-menu-main-container.scroll-buttons-shown,
299
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.scroll-buttons-shown {
300
- height: calc(100% - 2 * var(--smart-menu-scroll-button-size));
301
- }
302
- .smart-list-menu .smart-menu-main-container.scroll-buttons-shown.one-button-shown,
303
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.scroll-buttons-shown.one-button-shown {
304
- height: calc(100% - var(--smart-menu-scroll-button-size));
305
- }
306
- .smart-list-menu .smart-menu-main-container.scroll-buttons-shown.one-button-shown.filter-input-shown,
307
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.scroll-buttons-shown.one-button-shown.filter-input-shown {
308
- height: calc(100% - var(--smart-menu-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-list-menu-filter-input-vertical-offset));
309
- }
310
- .smart-list-menu .smart-menu-main-container.scroll-buttons-shown.filter-input-shown,
311
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.scroll-buttons-shown.filter-input-shown {
312
- height: calc(100% - 2 * var(--smart-menu-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-list-menu-filter-input-vertical-offset));
313
- }
314
- .smart-list-menu .smart-menu-main-container.filter-input-shown,
315
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.filter-input-shown {
316
- height: calc(100% - var(--smart-text-box-default-height));
317
- }
318
- .smart-list-menu .smart-menu-main-container.bounce-top,
319
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.bounce-top {
320
- padding-top: 50px;
321
- }
322
- .smart-list-menu .smart-menu-main-container.bounce-bottom,
323
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.bounce-bottom {
324
- padding-bottom: 50px;
325
- }
326
- .smart-list-menu .smart-menu-item-label-element,
327
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-item-label-element {
328
- display: flex;
329
- align-items: center;
330
- }
331
- .smart-list-menu .smart-menu-item-shortcut,
332
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-item-shortcut {
333
- margin-left: 0;
334
- }
335
- .smart-list-menu .smart-menu-items-group-arrow,
336
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-items-group-arrow {
337
- display: flex;
338
- align-items: center;
339
- }
340
- .smart-list-menu .smart-menu-drop-down,
341
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-drop-down {
342
- width: 100%;
343
- }
344
- .smart-list-menu .smart-menu-drop-down[level="2"]:not(.smart-menu-minimized-items-container),
345
- .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-drop-down[level="2"]:not(.smart-menu-minimized-items-container) {
346
- margin: 0;
347
- }
348
- .smart-list-menu .smart-tree-main-container,
349
- .smart-list-menu-view.smart-drop-down-repositioned .smart-tree-main-container {
350
- position: relative;
351
- width: 100%;
352
- height: 100%;
353
- padding: var(--smart-tree-item-horizontal-offset);
354
- overflow: hidden;
355
- }
356
- .smart-list-menu .smart-list-menu-filter-input-container,
357
- .smart-list-menu-view.smart-drop-down-repositioned .smart-list-menu-filter-input-container {
358
- position: relative;
359
- width: calc(100% - 10px);
360
- height: calc(var(--smart-text-box-default-height));
361
- margin: 5px;
362
- font-size: inherit;
363
- }
364
- .smart-list-menu .smart-list-menu-filter-input-container:after,
365
- .smart-list-menu-view.smart-drop-down-repositioned .smart-list-menu-filter-input-container:after {
366
- content: var(--smart-icon-filter);
367
- font-family: var(--smart-font-family-icon);
368
- height: var(--smart-text-box-default-height);
369
- position: absolute;
370
- top: 0;
371
- width: 25px;
372
- display: flex;
373
- align-items: center;
374
- justify-content: center;
375
- left: calc(100% - 25px);
376
- }
377
- .smart-list-menu .smart-filter-input,
378
- .smart-list-menu-view.smart-drop-down-repositioned .smart-filter-input {
379
- border: 1px solid var(--smart-border);
380
- width: 100%;
381
- height: 100%;
382
- padding-left: var(--smart-editor-label-padding);
383
- padding-right: calc(var(--smart-editor-label-padding) + 25px);
384
- font-size: inherit;
385
- }
386
- .smart-list-menu .smart-filter-input::selection,
387
- .smart-list-menu-view.smart-drop-down-repositioned .smart-filter-input::selection {
388
- background: var(--smart-editor-selection);
389
- color: var(--smart-editor-selection-color);
390
- }
391
- .smart-list-menu .smart-filter-input:focus,
392
- .smart-list-menu-view.smart-drop-down-repositioned .smart-filter-input:focus {
393
- outline: none;
394
- }
395
- .smart-list-menu .smart-list-menu-group-label,
396
- .smart-list-menu-view.smart-drop-down-repositioned .smart-list-menu-group-label {
397
- margin-bottom: 1px;
398
- padding: 10px;
399
- background-color: var(--smart-disabled);
400
- color: var(--smart-disabled-color);
401
- font-size: calc(var(--smart-font-size) + 1px);
402
- font-weight: bold;
403
- cursor: default;
404
- user-select: none;
405
- }
406
- .smart-list-menu .smart-scroll-viewer,
407
- .smart-list-menu-view.smart-drop-down-repositioned .smart-scroll-viewer {
408
- border: none;
409
- }
410
- .smart-list-menu[checkboxes][checkable] smart-menu-item[level="1"] > .smart-menu-item-label-container, .smart-list-menu[checkboxes][checkable] smart-menu-items-group[level="1"] > .smart-menu-item-label-container,
411
- .smart-list-menu[checkboxes] .smart-menu-item-container[checkable] > smart-menu-item > .smart-menu-item-label-container,
412
- .smart-list-menu[checkboxes] .smart-menu-item-container[checkable] > smart-menu-items-group > .smart-menu-item-label-container,
413
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable] smart-menu-item[level="1"] > .smart-menu-item-label-container,
414
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable] smart-menu-items-group[level="1"] > .smart-menu-item-label-container,
415
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable] > smart-menu-item > .smart-menu-item-label-container,
416
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable] > smart-menu-items-group > .smart-menu-item-label-container {
417
- padding-left: 35px;
418
- }
419
- .smart-list-menu[checkboxes][checkable] smart-menu-item[level="1"][checked] > .smart-menu-item-label-container:after, .smart-list-menu[checkboxes][checkable] smart-menu-items-group[level="1"][checked] > .smart-menu-item-label-container:after,
420
- .smart-list-menu[checkboxes] .smart-menu-item-container[checkable] > smart-menu-item[checked] > .smart-menu-item-label-container:after,
421
- .smart-list-menu[checkboxes] .smart-menu-item-container[checkable] > smart-menu-items-group[checked] > .smart-menu-item-label-container:after,
422
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable] smart-menu-item[level="1"][checked] > .smart-menu-item-label-container:after,
423
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable] smart-menu-items-group[level="1"][checked] > .smart-menu-item-label-container:after,
424
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable] > smart-menu-item[checked] > .smart-menu-item-label-container:after,
425
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable] > smart-menu-items-group[checked] > .smart-menu-item-label-container:after {
426
- position: absolute;
427
- left: 10px;
428
- top: 50%;
429
- transform: translateY(-50%);
430
- content: var(--smart-icon-check);
431
- font-family: var(--smart-font-family-icon);
432
- }
433
- .smart-list-menu[checkboxes][checkable][check-mode=radioButton] smart-menu-item[level="1"][checked] > .smart-menu-item-label-container:after, .smart-list-menu[checkboxes][checkable][check-mode=radioButton] smart-menu-items-group[level="1"][checked] > .smart-menu-item-label-container:after,
434
- .smart-list-menu[checkboxes] .smart-menu-item-container[checkable][check-mode=radioButton] > smart-menu-item[checked] > .smart-menu-item-label-container:after,
435
- .smart-list-menu[checkboxes] .smart-menu-item-container[checkable][check-mode=radioButton] > smart-menu-items-group[checked] > .smart-menu-item-label-container:after,
436
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][check-mode=radioButton] smart-menu-item[level="1"][checked] > .smart-menu-item-label-container:after,
437
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][check-mode=radioButton] smart-menu-items-group[level="1"][checked] > .smart-menu-item-label-container:after,
438
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable][check-mode=radioButton] > smart-menu-item[checked] > .smart-menu-item-label-container:after,
439
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable][check-mode=radioButton] > smart-menu-items-group[checked] > .smart-menu-item-label-container:after {
440
- content: var(--smart-icon-radio);
441
- }
442
- .smart-list-menu[animation=none].smart-visibility-hidden,
443
- .smart-list-menu-view.smart-drop-down-repositioned[animation=none].smart-visibility-hidden {
444
- transform: scale(0);
445
- }
446
-
447
- .smart-list-menu:not([animation=none]) smart-menu-item,
448
- .smart-list-menu-view-minimized:not([animation=none]) smart-menu-item {
449
- position: relative;
450
- }
451
- .smart-list-menu:not([animation=none]) smart-menu-item,
452
- .smart-list-menu:not([animation=none]) smart-menu-items-group,
453
- .smart-list-menu:not([animation=none]) .smart-menu-item-label-container,
454
- .smart-list-menu:not([animation=none]) .smart-list-menu-group-label,
455
- .smart-list-menu-view-minimized:not([animation=none]) smart-menu-item,
456
- .smart-list-menu-view-minimized:not([animation=none]) smart-menu-items-group,
457
- .smart-list-menu-view-minimized:not([animation=none]) .smart-menu-item-label-container,
458
- .smart-list-menu-view-minimized:not([animation=none]) .smart-list-menu-group-label {
459
- left: 0;
460
- transition: left 0.3s ease-in;
461
- }
462
- .smart-list-menu:not([animation=none]) smart-menu-item.animate,
463
- .smart-list-menu:not([animation=none]) smart-menu-items-group.animate,
464
- .smart-list-menu:not([animation=none]) .smart-menu-item-label-container.animate,
465
- .smart-list-menu:not([animation=none]) .smart-list-menu-group-label.animate,
466
- .smart-list-menu-view-minimized:not([animation=none]) smart-menu-item.animate,
467
- .smart-list-menu-view-minimized:not([animation=none]) smart-menu-items-group.animate,
468
- .smart-list-menu-view-minimized:not([animation=none]) .smart-menu-item-label-container.animate,
469
- .smart-list-menu-view-minimized:not([animation=none]) .smart-list-menu-group-label.animate {
470
- left: -100%;
471
- }
472
- .smart-list-menu:not([animation=none]) smart-menu-item.right,
473
- .smart-list-menu:not([animation=none]) smart-menu-items-group.right,
474
- .smart-list-menu:not([animation=none]) .smart-menu-item-label-container.right,
475
- .smart-list-menu:not([animation=none]) .smart-list-menu-group-label.right,
476
- .smart-list-menu-view-minimized:not([animation=none]) smart-menu-item.right,
477
- .smart-list-menu-view-minimized:not([animation=none]) smart-menu-items-group.right,
478
- .smart-list-menu-view-minimized:not([animation=none]) .smart-menu-item-label-container.right,
479
- .smart-list-menu-view-minimized:not([animation=none]) .smart-list-menu-group-label.right {
480
- left: -100%;
481
- transition: none;
482
- }
483
- .smart-list-menu:not([animation=none]) .smart-list-menu-group-label,
484
- .smart-list-menu-view-minimized:not([animation=none]) .smart-list-menu-group-label {
485
- position: relative;
486
- }
487
- .smart-list-menu:not([animation=none]) .smart-menu-items-group-opened,
488
- .smart-list-menu-view-minimized:not([animation=none]) .smart-menu-items-group-opened {
489
- overflow: visible;
490
- }
491
- .smart-list-menu:not([animation=none]) .smart-menu-drop-down,
492
- .smart-list-menu-view-minimized:not([animation=none]) .smart-menu-drop-down {
493
- position: absolute;
494
- top: 0;
495
- left: 0;
496
- transition: left 0.3s ease-in;
497
- }
498
- .smart-list-menu:not([animation=none]) .smart-menu-drop-down.smart-hidden,
499
- .smart-list-menu-view-minimized:not([animation=none]) .smart-menu-drop-down.smart-hidden {
500
- display: block !important;
501
- left: 100%;
502
- }
503
- .smart-list-menu:not([animation=none]) .smart-menu-drop-down.no-transition,
504
- .smart-list-menu-view-minimized:not([animation=none]) .smart-menu-drop-down.no-transition {
505
- transition: none;
506
- }
507
-
508
- .smart-list-menu-view {
509
- width: 100%;
510
- height: 100%;
511
- overflow: hidden;
512
- }
513
- .smart-list-menu-view.smart-list-menu-view-minimized {
514
- position: absolute;
515
- width: var(--smart-editor-drop-down-width);
516
- height: var(--smart-editor-drop-down-height);
517
- left: calc(-1 * var(--smart-border-width));
518
- top: calc(100% + var(--smart-border-width));
519
- background-color: white;
520
- box-shadow: var(--smart-elevation-8);
521
- }
522
-
523
- .smart-list-menu-view-minimized.smart-menu-drop-down.smart-drop-down-repositioned[drop-down-position*=top] {
524
- margin: -8px 0px;
525
- }
526
- .smart-list-menu-view-minimized:not([animation=none]) {
527
- opacity: 1;
528
- transform: scaleY(1);
529
- margin: 8px 0px;
530
- -webkit-transform-origin: top;
531
- transform-origin: top;
532
- transition: opacity 0.2s ease-in, visibility 0.2s ease-in, transform 0.2s ease-in;
533
- }
534
- .smart-list-menu-view-minimized:not([animation=none]).smart-visibility-hidden {
535
- opacity: 0.2;
536
- transform: scaleY(0);
537
- }
538
- .smart-list-menu-view-minimized:not([animation=none]) smart-menu-items-group.smart-element.smart-menu-items-group-opened {
539
- overflow: visible;
540
- }
541
- .smart-list-menu-view-minimized.smart-drop-down-repositioned.smart-visibility-hidden.not-in-view {
542
- left: -9999px;
543
- top: -9999px;
544
- transition: none;
545
- }
546
- .smart-list-menu-view-minimized[drop-down-position|=top]:not([animation=none]) {
547
- transform: translateY(-100%) scaleY(1);
548
- -webkit-transform-origin: bottom;
549
- transform-origin: bottom;
550
- }
551
- .smart-list-menu-view-minimized[drop-down-position|=top]:not([animation=none]).smart-visibility-hidden {
552
- transform: translateY(-100%) scaleY(0);
553
- }
554
-
555
- .smart-list-menu:not([animation=none])[right-to-left] .smart-menu-drop-down.smart-hidden,
556
- .smart-list-menu-view-minimized:not([animation=none])[right-to-left] .smart-menu-drop-down.smart-hidden {
557
- left: -100%;
558
- }
559
- .smart-list-menu:not([animation=none])[right-to-left] smart-menu-item.animate,
560
- .smart-list-menu:not([animation=none])[right-to-left] smart-menu-items-group.animate,
561
- .smart-list-menu:not([animation=none])[right-to-left] smart-menu-item.right,
562
- .smart-list-menu:not([animation=none])[right-to-left] smart-menu-items-group.right,
563
- .smart-list-menu:not([animation=none])[right-to-left] .smart-menu-item-label-container.animate,
564
- .smart-list-menu:not([animation=none])[right-to-left] .smart-list-menu-group-label.animate,
565
- .smart-list-menu:not([animation=none])[right-to-left] .smart-menu-item-label-container.right,
566
- .smart-list-menu:not([animation=none])[right-to-left] .smart-list-menu-group-label.right,
567
- .smart-list-menu-view-minimized:not([animation=none])[right-to-left] smart-menu-item.animate,
568
- .smart-list-menu-view-minimized:not([animation=none])[right-to-left] smart-menu-items-group.animate,
569
- .smart-list-menu-view-minimized:not([animation=none])[right-to-left] smart-menu-item.right,
570
- .smart-list-menu-view-minimized:not([animation=none])[right-to-left] smart-menu-items-group.right,
571
- .smart-list-menu-view-minimized:not([animation=none])[right-to-left] .smart-menu-item-label-container.animate,
572
- .smart-list-menu-view-minimized:not([animation=none])[right-to-left] .smart-list-menu-group-label.animate,
573
- .smart-list-menu-view-minimized:not([animation=none])[right-to-left] .smart-menu-item-label-container.right,
574
- .smart-list-menu-view-minimized:not([animation=none])[right-to-left] .smart-list-menu-group-label.right {
575
- left: 100%;
576
- }
577
-
578
- .smart-list-menu[right-to-left] .smart-filter-input,
579
- .smart-list-menu-view.smart-drop-down-repositioned[right-to-left] .smart-filter-input {
580
- direction: rtl;
581
- padding-right: var(--smart-editor-label-padding);
582
- padding-left: calc(var(--smart-editor-label-padding) + 25px);
583
- }
584
- .smart-list-menu[right-to-left] .smart-list-menu-filter-input-container:after,
585
- .smart-list-menu-view.smart-drop-down-repositioned[right-to-left] .smart-list-menu-filter-input-container:after {
586
- left: 0;
587
- }
588
- .smart-list-menu[right-to-left] .smart-header > smart-button,
589
- .smart-list-menu-view.smart-drop-down-repositioned[right-to-left] .smart-header > smart-button {
590
- left: initial;
591
- right: 0;
592
- }
593
- .smart-list-menu[right-to-left] smart-menu-items-group .smart-menu-items-group-arrow,
594
- .smart-list-menu-view.smart-drop-down-repositioned[right-to-left] smart-menu-items-group .smart-menu-items-group-arrow {
595
- margin-left: initial;
596
- }
597
- .smart-list-menu[checkboxes][checkable][right-to-left] smart-menu-item[level="1"] > .smart-menu-item-label-container, .smart-list-menu[checkboxes][checkable][right-to-left] smart-menu-items-group[level="1"] > .smart-menu-item-label-container, .smart-list-menu[checkboxes][right-to-left] .smart-menu-item-container[checkable] > smart-menu-item > .smart-menu-item-label-container, .smart-list-menu[checkboxes][right-to-left] .smart-menu-item-container[checkable] > smart-menu-items-group > .smart-menu-item-label-container,
598
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][right-to-left] smart-menu-item[level="1"] > .smart-menu-item-label-container,
599
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][right-to-left] smart-menu-items-group[level="1"] > .smart-menu-item-label-container,
600
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][right-to-left] .smart-menu-item-container[checkable] > smart-menu-item > .smart-menu-item-label-container,
601
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][right-to-left] .smart-menu-item-container[checkable] > smart-menu-items-group > .smart-menu-item-label-container {
602
- padding-left: initial;
603
- padding-right: 35px;
604
- }
605
- .smart-list-menu[checkboxes][checkable][right-to-left] smart-menu-item[level="1"][checked] > .smart-menu-item-label-container:after, .smart-list-menu[checkboxes][checkable][right-to-left] smart-menu-items-group[level="1"][checked] > .smart-menu-item-label-container:after, .smart-list-menu[checkboxes][right-to-left] .smart-menu-item-container[checkable] > smart-menu-item[checked] > .smart-menu-item-label-container:after, .smart-list-menu[checkboxes][right-to-left] .smart-menu-item-container[checkable] > smart-menu-items-group[checked] > .smart-menu-item-label-container:after,
606
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][right-to-left] smart-menu-item[level="1"][checked] > .smart-menu-item-label-container:after,
607
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][right-to-left] smart-menu-items-group[level="1"][checked] > .smart-menu-item-label-container:after,
608
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][right-to-left] .smart-menu-item-container[checkable] > smart-menu-item[checked] > .smart-menu-item-label-container:after,
609
- .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][right-to-left] .smart-menu-item-container[checkable] > smart-menu-items-group[checked] > .smart-menu-item-label-container:after {
610
- left: initial;
611
- right: 10px;
612
- }
613
-
614
- .smart-list-menu[right-to-left] smart-menu-items-group[level="1"] > .smart-menu-item-label-container > .smart-menu-items-group-arrow {
615
- margin-right: initial;
616
- }
617
- .smart-list-menu[right-to-left] smart-menu-item .smart-menu-item-shortcut {
618
- margin-left: initial;
619
- margin-right: 100px;
620
- }
621
- .smart-list-menu[right-to-left] .smart-menu-main-container {
622
- direction: rtl;
623
- }
624
- .smart-list-menu[right-to-left] .smart-menu-items-group-arrow.right.smart-arrow-right {
625
- margin-left: initial;
626
- margin-right: 50px;
627
- }
628
- .smart-list-menu[right-to-left] > .smart-container {
629
- flex-direction: row-reverse;
630
- }
631
- .smart-list-menu[right-to-left] .smart-list-menu-view.smart-list-menu-view-minimized {
632
- left: initial;
633
- right: calc(-1 * var(--smart-border-width));
634
- }
635
- .smart-list-menu[right-to-left][minimized] .smart-list-menu-view-minimized, .smart-list-menu[right-to-left][mode=tree] .smart-list-menu-view-minimized {
636
- direction: rtl;
637
- }
638
- .smart-list-menu[right-to-left][mode=dropDown] smart-menu-item[level="1"] .smart-menu-item-shortcut,
639
- .smart-list-menu[right-to-left] smart-menu-items-group .smart-menu-items-group-arrow,
640
- .smart-list-menu[right-to-left] .smart-list-menu-view-minimized .smart-menu-item-shortcut {
641
- margin-right: initial;
642
- }
643
-
644
- .smart-list-menu-view-minimized[right-to-left] .smart-menu-item-shortcut,
645
- .smart-list-menu-view-minimized[right-to-left] smart-menu-items-group .smart-menu-items-group-arrow {
646
- margin-right: initial;
647
- }
648
-
649
- .smart-menu-drop-down.smart-drop-down-repositioned.smart-list-menu-view-minimized[right-to-left] {
650
- direction: rtl;
651
- }
652
- .smart-menu-drop-down.smart-drop-down-repositioned[right-to-left] .smart-menu-items-group-arrow.right.smart-arrow-right {
653
- margin-left: initial;
654
- margin-right: 50px;
655
- }
656
- .smart-menu-drop-down.smart-drop-down-repositioned[right-to-left] .smart-menu-item-container {
657
- direction: rtl;
658
- }
659
- .smart-menu-drop-down.smart-drop-down-repositioned[right-to-left] smart-menu-item .smart-menu-item-shortcut {
660
- margin-left: initial;
661
- margin-right: 100px;
1
+ /* smart-list-menu */
2
+ smart-list-menu {
3
+ width: var(--smart-list-menu-default-width);
4
+ height: var(--smart-list-menu-default-height);
5
+ display: block;
6
+ background: var(--smart-background);
7
+ border: var(--smart-border-width) solid var(--smart-border);
8
+ border-top-left-radius: var(--smart-border-top-left-radius);
9
+ border-top-right-radius: var(--smart-border-top-right-radius);
10
+ border-bottom-left-radius: var(--smart-border-bottom-left-radius);
11
+ border-bottom-right-radius: var(--smart-border-bottom-right-radius);
12
+ outline: none;
13
+ color: var(--smart-background-color);
14
+ visibility: hidden;
15
+ }
16
+ smart-list-menu:focus {
17
+ border-color: var(--smart-outline);
18
+ }
19
+ smart-list-menu > .smart-container {
20
+ position: relative;
21
+ display: flex;
22
+ }
23
+ smart-list-menu.smart-element {
24
+ visibility: inherit;
25
+ }
26
+ smart-list-menu .smart-ripple {
27
+ background: var(--smart-ui-state-focus);
28
+ }
29
+ smart-list-menu[minimized] {
30
+ height: auto;
31
+ overflow: visible;
32
+ border: var(--smart-border-width) solid var(--smart-border);
33
+ background: var(--smart-surface);
34
+ }
35
+ smart-list-menu[drop-down-position|=top] .smart-list-menu-view-minimized {
36
+ top: calc(-1 * var(--smart-border-width));
37
+ transform: translateY(-100%);
38
+ box-shadow: var(--smart-elevation-8);
39
+ }
40
+ smart-list-menu[drop-down-position$=left] .smart-list-menu-view-minimized {
41
+ left: initial;
42
+ right: calc(-1 * var(--smart-border-width));
43
+ }
44
+ smart-list-menu:not([animation=none]) .smart-hamburger-icon-line {
45
+ transition: visibility 0.02s ease-in, transform 0.2s ease-in, width 0.2s ease-in;
46
+ }
47
+
48
+ smart-tree .smart-filter-input:focus {
49
+ outline: none;
50
+ }
51
+
52
+ .smart-list-menu.smart-container {
53
+ position: relative;
54
+ display: flex;
55
+ }
56
+ .smart-list-menu smart-menu-items-group[hover],
57
+ .smart-list-menu smart-menu-item[hover] {
58
+ background: var(--smart-ui-state-hover);
59
+ border-color: var(--smart-ui-state-border-hover);
60
+ color: var(--smart-ui-state-color-hover);
61
+ }
62
+ .smart-list-menu .smart-hamburger-icon {
63
+ width: 40px;
64
+ height: 100%;
65
+ display: flex;
66
+ flex-direction: column;
67
+ align-items: center;
68
+ justify-content: center;
69
+ float: none;
70
+ cursor: pointer;
71
+ margin-top: 2px;
72
+ }
73
+ .smart-list-menu .smart-hamburger-icon .smart-hamburger-icon-custom-container {
74
+ height: 100%;
75
+ display: flex;
76
+ align-items: center;
77
+ }
78
+ .smart-list-menu .smart-hamburger-icon.smart-close-button > .smart-hamburger-icon-line-top {
79
+ width: 29px;
80
+ transform: translateX(4px) rotate(45deg);
81
+ }
82
+ .smart-list-menu .smart-hamburger-icon.smart-close-button > .smart-hamburger-icon-line-center {
83
+ visibility: hidden;
84
+ }
85
+ .smart-list-menu .smart-hamburger-icon.smart-close-button > .smart-hamburger-icon-line-bottom {
86
+ width: 29px;
87
+ transform: translateX(4px) rotate(-45deg);
88
+ }
89
+ .smart-list-menu .smart-hamburger-icon-line {
90
+ margin-bottom: 5px;
91
+ border-radius: 10px;
92
+ width: 30px;
93
+ height: 5px;
94
+ background-color: var(--smart-surface-color);
95
+ transform-origin: left;
96
+ }
97
+ .smart-list-menu .smart-hamburger-icon-line-bottom {
98
+ margin-bottom: 0;
99
+ }
100
+ .smart-list-menu .smart-list-menu-view-minimized {
101
+ left: calc(-1 * var(--smart-border-width));
102
+ top: calc(100% + var(--smart-border-width));
103
+ }
104
+ .smart-list-menu .smart-list-menu-view-minimized.smart-visibility-hidden.not-in-view {
105
+ left: -9999px;
106
+ top: -9999px;
107
+ transition: none;
108
+ }
109
+ .smart-list-menu[minimized] .smart-minimized-header {
110
+ background: var(--smart-surface);
111
+ justify-content: flex-end;
112
+ }
113
+ .smart-list-menu[disabled] smart-menu-item,
114
+ .smart-list-menu[disabled] smart-menu-items-group,
115
+ .smart-list-menu[disabled] .smart-hamburger-icon {
116
+ cursor: default;
117
+ }
118
+ .smart-list-menu[disabled] .smart-hamburger-icon {
119
+ cursor: default;
120
+ }
121
+ .smart-list-menu[minimize-icon-template] .smart-hamburger-icon {
122
+ width: auto;
123
+ float: left;
124
+ }
125
+ .smart-list-menu:not([animation=none]) .smart-hamburger-icon-line {
126
+ transition: visibility 0.02s ease-in, transform 0.2s ease-in, width 0.2s ease-in;
127
+ }
128
+ .smart-list-menu:not([animation=none]) .smart-list-menu-view-minimized {
129
+ opacity: 1;
130
+ transform: scaleY(1);
131
+ margin: 8px 0px;
132
+ -webkit-transform-origin: top;
133
+ transform-origin: top;
134
+ transition: opacity 0.2s ease-in, visibility 0.2s ease-in, transform 0.2s ease-in;
135
+ }
136
+ .smart-list-menu:not([animation=none]) .smart-list-menu-view-minimized.smart-visibility-hidden {
137
+ opacity: 0.2;
138
+ transform: scaleY(0);
139
+ }
140
+ .smart-list-menu[minimize-icon-template=null] .smart-hamburger-icon {
141
+ width: 40px;
142
+ height: 100%;
143
+ display: flex;
144
+ flex-direction: column;
145
+ align-items: center;
146
+ justify-content: center;
147
+ float: none;
148
+ cursor: pointer;
149
+ margin-top: 2px;
150
+ }
151
+ .smart-list-menu[drop-down-position*=top] .smart-list-menu-view-minimized {
152
+ margin: -8px 0px;
153
+ }
154
+ .smart-list-menu[drop-down-position|=top]:not([animation=none]) .smart-list-menu-view-minimized {
155
+ transform: translateY(-100%) scaleY(1);
156
+ -webkit-transform-origin: bottom;
157
+ transform-origin: bottom;
158
+ }
159
+ .smart-list-menu[drop-down-position|=top]:not([animation=none]) .smart-list-menu-view-minimized.smart-visibility-hidden {
160
+ transform: translateY(-100%) scaleY(0);
161
+ }
162
+
163
+ .smart-list-menu smart-menu-item,
164
+ .smart-list-menu smart-menu-items-group,
165
+ .smart-list-menu-view.smart-drop-down-repositioned smart-menu-item,
166
+ .smart-list-menu-view.smart-drop-down-repositioned smart-menu-items-group {
167
+ padding: 10px 0;
168
+ }
169
+ .smart-list-menu smart-menu-item.smart-element,
170
+ .smart-list-menu smart-menu-items-group.smart-element,
171
+ .smart-list-menu-view.smart-drop-down-repositioned smart-menu-item.smart-element,
172
+ .smart-list-menu-view.smart-drop-down-repositioned smart-menu-items-group.smart-element {
173
+ display: block;
174
+ width: 100%;
175
+ height: auto;
176
+ overflow: hidden;
177
+ }
178
+ .smart-list-menu smart-menu-item[separator]:last-child,
179
+ .smart-list-menu smart-menu-items-group[separator]:last-child,
180
+ .smart-list-menu-view.smart-drop-down-repositioned smart-menu-item[separator]:last-child,
181
+ .smart-list-menu-view.smart-drop-down-repositioned smart-menu-items-group[separator]:last-child {
182
+ border-bottom: none;
183
+ }
184
+ .smart-list-menu smart-menu-items-group.smart-menu-items-group-opened[separator],
185
+ .smart-list-menu-view.smart-drop-down-repositioned smart-menu-items-group.smart-menu-items-group-opened[separator] {
186
+ border-bottom: none;
187
+ }
188
+ .smart-list-menu .smart-header,
189
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-header {
190
+ background: var(--smart-primary);
191
+ color: var(--smart-primary-color);
192
+ border-color: var(--smart-primary);
193
+ box-shadow: var(--smart-elevation-4);
194
+ z-index: 3;
195
+ padding: 0px 16px;
196
+ display: flex;
197
+ align-items: center;
198
+ justify-content: center;
199
+ position: relative;
200
+ width: 100%;
201
+ height: var(--smart-bar-height);
202
+ border-bottom: var(--smart-border-width) solid var(--smart-primary);
203
+ overflow: hidden;
204
+ }
205
+ .smart-list-menu .smart-header > smart-button,
206
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-header > smart-button {
207
+ position: absolute;
208
+ width: 50px;
209
+ height: 100%;
210
+ left: 0;
211
+ top: 0;
212
+ background: inherit;
213
+ border: inherit;
214
+ color: inherit;
215
+ }
216
+ .smart-list-menu .smart-header > smart-button > .smart-button,
217
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-header > smart-button > .smart-button {
218
+ border: none;
219
+ }
220
+ .smart-list-menu .smart-header > smart-button .smart-arrow:after,
221
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-header > smart-button .smart-arrow:after {
222
+ font-size: calc(var(--smart-font-size) - 3px);
223
+ color: inherit;
224
+ }
225
+ .smart-list-menu .smart-menu-scroll-button,
226
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-scroll-button {
227
+ display: block;
228
+ background-color: var(--smart-scroll-bar-background);
229
+ color: var(--smart-scroll-bar-color);
230
+ border-radius: 0px;
231
+ border-left: none;
232
+ border-right: none;
233
+ width: 100%;
234
+ height: var(--smart-menu-scroll-button-size);
235
+ }
236
+ .smart-list-menu .smart-menu-scroll-button > button,
237
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-scroll-button > button {
238
+ border: none;
239
+ min-height: 0;
240
+ }
241
+ .smart-list-menu .smart-menu-scroll-button:last-of-type,
242
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-scroll-button:last-of-type {
243
+ border-bottom: none;
244
+ }
245
+ .smart-list-menu .smart-hidden,
246
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-hidden {
247
+ display: none !important;
248
+ }
249
+ .smart-list-menu .smart-title,
250
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-title {
251
+ display: flex;
252
+ align-items: center;
253
+ font-size: calc(var(--smart-font-size) + 2px);
254
+ }
255
+ .smart-list-menu .smart-menu-item-label-container,
256
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-item-label-container {
257
+ display: flex;
258
+ position: relative;
259
+ justify-content: space-between;
260
+ padding: 10px;
261
+ width: 100%;
262
+ }
263
+ .smart-list-menu .smart-menu-main-container,
264
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container {
265
+ width: 100%;
266
+ height: 100%;
267
+ overflow: hidden;
268
+ position: relative;
269
+ }
270
+ .smart-list-menu .smart-menu-main-container .smart-scroll-viewer-content-container,
271
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container .smart-scroll-viewer-content-container {
272
+ width: 100%;
273
+ }
274
+ .smart-list-menu .smart-menu-main-container.header-shown,
275
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown {
276
+ height: calc(100% - var(--smart-bar-height));
277
+ }
278
+ .smart-list-menu .smart-menu-main-container.header-shown.scroll-buttons-shown,
279
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown.scroll-buttons-shown {
280
+ height: calc(100% - var(--smart-bar-height) - 2 * var(--smart-menu-scroll-button-size));
281
+ }
282
+ .smart-list-menu .smart-menu-main-container.header-shown.scroll-buttons-shown.one-button-shown,
283
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown.scroll-buttons-shown.one-button-shown {
284
+ height: calc(100% - var(--smart-bar-height) - var(--smart-menu-scroll-button-size));
285
+ }
286
+ .smart-list-menu .smart-menu-main-container.header-shown.scroll-buttons-shown.one-button-shown.filter-input-shown,
287
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown.scroll-buttons-shown.one-button-shown.filter-input-shown {
288
+ height: calc(100% - var(--smart-bar-height) - var(--smart-menu-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-list-menu-filter-input-vertical-offset));
289
+ }
290
+ .smart-list-menu .smart-menu-main-container.header-shown.scroll-buttons-shown.filter-input-shown,
291
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown.scroll-buttons-shown.filter-input-shown {
292
+ height: calc(100% - var(--smart-bar-height) - 2 * var(--smart-menu-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-list-menu-filter-input-vertical-offset));
293
+ }
294
+ .smart-list-menu .smart-menu-main-container.header-shown.filter-input-shown,
295
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown.filter-input-shown {
296
+ height: calc(100% - var(--smart-bar-height) - var(--smart-text-box-default-height) - 2 * var(--smart-list-menu-filter-input-vertical-offset));
297
+ }
298
+ .smart-list-menu .smart-menu-main-container.scroll-buttons-shown,
299
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.scroll-buttons-shown {
300
+ height: calc(100% - 2 * var(--smart-menu-scroll-button-size));
301
+ }
302
+ .smart-list-menu .smart-menu-main-container.scroll-buttons-shown.one-button-shown,
303
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.scroll-buttons-shown.one-button-shown {
304
+ height: calc(100% - var(--smart-menu-scroll-button-size));
305
+ }
306
+ .smart-list-menu .smart-menu-main-container.scroll-buttons-shown.one-button-shown.filter-input-shown,
307
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.scroll-buttons-shown.one-button-shown.filter-input-shown {
308
+ height: calc(100% - var(--smart-menu-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-list-menu-filter-input-vertical-offset));
309
+ }
310
+ .smart-list-menu .smart-menu-main-container.scroll-buttons-shown.filter-input-shown,
311
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.scroll-buttons-shown.filter-input-shown {
312
+ height: calc(100% - 2 * var(--smart-menu-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-list-menu-filter-input-vertical-offset));
313
+ }
314
+ .smart-list-menu .smart-menu-main-container.filter-input-shown,
315
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.filter-input-shown {
316
+ height: calc(100% - var(--smart-text-box-default-height));
317
+ }
318
+ .smart-list-menu .smart-menu-main-container.bounce-top,
319
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.bounce-top {
320
+ padding-top: 50px;
321
+ }
322
+ .smart-list-menu .smart-menu-main-container.bounce-bottom,
323
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.bounce-bottom {
324
+ padding-bottom: 50px;
325
+ }
326
+ .smart-list-menu .smart-menu-item-label-element,
327
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-item-label-element {
328
+ display: flex;
329
+ align-items: center;
330
+ }
331
+ .smart-list-menu .smart-menu-item-shortcut,
332
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-item-shortcut {
333
+ margin-left: 0;
334
+ }
335
+ .smart-list-menu .smart-menu-items-group-arrow,
336
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-items-group-arrow {
337
+ display: flex;
338
+ align-items: center;
339
+ }
340
+ .smart-list-menu .smart-menu-drop-down,
341
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-drop-down {
342
+ width: 100%;
343
+ }
344
+ .smart-list-menu .smart-menu-drop-down[level="2"]:not(.smart-menu-minimized-items-container),
345
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-menu-drop-down[level="2"]:not(.smart-menu-minimized-items-container) {
346
+ margin: 0;
347
+ }
348
+ .smart-list-menu .smart-tree-main-container,
349
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-tree-main-container {
350
+ position: relative;
351
+ width: 100%;
352
+ height: 100%;
353
+ padding: var(--smart-tree-item-horizontal-offset);
354
+ overflow: hidden;
355
+ }
356
+ .smart-list-menu .smart-list-menu-filter-input-container,
357
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-list-menu-filter-input-container {
358
+ position: relative;
359
+ width: calc(100% - 10px);
360
+ height: calc(var(--smart-text-box-default-height));
361
+ margin: 5px;
362
+ font-size: inherit;
363
+ }
364
+ .smart-list-menu .smart-list-menu-filter-input-container:after,
365
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-list-menu-filter-input-container:after {
366
+ content: var(--smart-icon-filter);
367
+ font-family: var(--smart-font-family-icon);
368
+ height: var(--smart-text-box-default-height);
369
+ position: absolute;
370
+ top: 0;
371
+ width: 25px;
372
+ display: flex;
373
+ align-items: center;
374
+ justify-content: center;
375
+ left: calc(100% - 25px);
376
+ }
377
+ .smart-list-menu .smart-filter-input,
378
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-filter-input {
379
+ border: 1px solid var(--smart-border);
380
+ width: 100%;
381
+ height: 100%;
382
+ padding-left: var(--smart-editor-label-padding);
383
+ padding-right: calc(var(--smart-editor-label-padding) + 25px);
384
+ font-size: inherit;
385
+ }
386
+ .smart-list-menu .smart-filter-input::selection,
387
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-filter-input::selection {
388
+ background: var(--smart-editor-selection);
389
+ color: var(--smart-editor-selection-color);
390
+ }
391
+ .smart-list-menu .smart-filter-input:focus,
392
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-filter-input:focus {
393
+ outline: none;
394
+ }
395
+ .smart-list-menu .smart-list-menu-group-label,
396
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-list-menu-group-label {
397
+ margin-bottom: 1px;
398
+ padding: 10px;
399
+ background-color: var(--smart-disabled);
400
+ color: var(--smart-disabled-color);
401
+ font-size: calc(var(--smart-font-size) + 1px);
402
+ font-weight: bold;
403
+ cursor: default;
404
+ user-select: none;
405
+ }
406
+ .smart-list-menu .smart-scroll-viewer,
407
+ .smart-list-menu-view.smart-drop-down-repositioned .smart-scroll-viewer {
408
+ border: none;
409
+ }
410
+ .smart-list-menu[checkboxes][checkable] smart-menu-item[level="1"] > .smart-menu-item-label-container, .smart-list-menu[checkboxes][checkable] smart-menu-items-group[level="1"] > .smart-menu-item-label-container,
411
+ .smart-list-menu[checkboxes] .smart-menu-item-container[checkable] > smart-menu-item > .smart-menu-item-label-container,
412
+ .smart-list-menu[checkboxes] .smart-menu-item-container[checkable] > smart-menu-items-group > .smart-menu-item-label-container,
413
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable] smart-menu-item[level="1"] > .smart-menu-item-label-container,
414
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable] smart-menu-items-group[level="1"] > .smart-menu-item-label-container,
415
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable] > smart-menu-item > .smart-menu-item-label-container,
416
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable] > smart-menu-items-group > .smart-menu-item-label-container {
417
+ padding-left: 35px;
418
+ }
419
+ .smart-list-menu[checkboxes][checkable] smart-menu-item[level="1"][checked] > .smart-menu-item-label-container:after, .smart-list-menu[checkboxes][checkable] smart-menu-items-group[level="1"][checked] > .smart-menu-item-label-container:after,
420
+ .smart-list-menu[checkboxes] .smart-menu-item-container[checkable] > smart-menu-item[checked] > .smart-menu-item-label-container:after,
421
+ .smart-list-menu[checkboxes] .smart-menu-item-container[checkable] > smart-menu-items-group[checked] > .smart-menu-item-label-container:after,
422
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable] smart-menu-item[level="1"][checked] > .smart-menu-item-label-container:after,
423
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable] smart-menu-items-group[level="1"][checked] > .smart-menu-item-label-container:after,
424
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable] > smart-menu-item[checked] > .smart-menu-item-label-container:after,
425
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable] > smart-menu-items-group[checked] > .smart-menu-item-label-container:after {
426
+ position: absolute;
427
+ left: 10px;
428
+ top: 50%;
429
+ transform: translateY(-50%);
430
+ content: var(--smart-icon-check);
431
+ font-family: var(--smart-font-family-icon);
432
+ }
433
+ .smart-list-menu[checkboxes][checkable][check-mode=radioButton] smart-menu-item[level="1"][checked] > .smart-menu-item-label-container:after, .smart-list-menu[checkboxes][checkable][check-mode=radioButton] smart-menu-items-group[level="1"][checked] > .smart-menu-item-label-container:after,
434
+ .smart-list-menu[checkboxes] .smart-menu-item-container[checkable][check-mode=radioButton] > smart-menu-item[checked] > .smart-menu-item-label-container:after,
435
+ .smart-list-menu[checkboxes] .smart-menu-item-container[checkable][check-mode=radioButton] > smart-menu-items-group[checked] > .smart-menu-item-label-container:after,
436
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][check-mode=radioButton] smart-menu-item[level="1"][checked] > .smart-menu-item-label-container:after,
437
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][check-mode=radioButton] smart-menu-items-group[level="1"][checked] > .smart-menu-item-label-container:after,
438
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable][check-mode=radioButton] > smart-menu-item[checked] > .smart-menu-item-label-container:after,
439
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable][check-mode=radioButton] > smart-menu-items-group[checked] > .smart-menu-item-label-container:after {
440
+ content: var(--smart-icon-radio);
441
+ }
442
+ .smart-list-menu[animation=none].smart-visibility-hidden,
443
+ .smart-list-menu-view.smart-drop-down-repositioned[animation=none].smart-visibility-hidden {
444
+ transform: scale(0);
445
+ }
446
+
447
+ .smart-list-menu:not([animation=none]) smart-menu-item,
448
+ .smart-list-menu-view-minimized:not([animation=none]) smart-menu-item {
449
+ position: relative;
450
+ }
451
+ .smart-list-menu:not([animation=none]) smart-menu-item,
452
+ .smart-list-menu:not([animation=none]) smart-menu-items-group,
453
+ .smart-list-menu:not([animation=none]) .smart-menu-item-label-container,
454
+ .smart-list-menu:not([animation=none]) .smart-list-menu-group-label,
455
+ .smart-list-menu-view-minimized:not([animation=none]) smart-menu-item,
456
+ .smart-list-menu-view-minimized:not([animation=none]) smart-menu-items-group,
457
+ .smart-list-menu-view-minimized:not([animation=none]) .smart-menu-item-label-container,
458
+ .smart-list-menu-view-minimized:not([animation=none]) .smart-list-menu-group-label {
459
+ left: 0;
460
+ transition: left 0.3s ease-in;
461
+ }
462
+ .smart-list-menu:not([animation=none]) smart-menu-item.animate,
463
+ .smart-list-menu:not([animation=none]) smart-menu-items-group.animate,
464
+ .smart-list-menu:not([animation=none]) .smart-menu-item-label-container.animate,
465
+ .smart-list-menu:not([animation=none]) .smart-list-menu-group-label.animate,
466
+ .smart-list-menu-view-minimized:not([animation=none]) smart-menu-item.animate,
467
+ .smart-list-menu-view-minimized:not([animation=none]) smart-menu-items-group.animate,
468
+ .smart-list-menu-view-minimized:not([animation=none]) .smart-menu-item-label-container.animate,
469
+ .smart-list-menu-view-minimized:not([animation=none]) .smart-list-menu-group-label.animate {
470
+ left: -100%;
471
+ }
472
+ .smart-list-menu:not([animation=none]) smart-menu-item.right,
473
+ .smart-list-menu:not([animation=none]) smart-menu-items-group.right,
474
+ .smart-list-menu:not([animation=none]) .smart-menu-item-label-container.right,
475
+ .smart-list-menu:not([animation=none]) .smart-list-menu-group-label.right,
476
+ .smart-list-menu-view-minimized:not([animation=none]) smart-menu-item.right,
477
+ .smart-list-menu-view-minimized:not([animation=none]) smart-menu-items-group.right,
478
+ .smart-list-menu-view-minimized:not([animation=none]) .smart-menu-item-label-container.right,
479
+ .smart-list-menu-view-minimized:not([animation=none]) .smart-list-menu-group-label.right {
480
+ left: -100%;
481
+ transition: none;
482
+ }
483
+ .smart-list-menu:not([animation=none]) .smart-list-menu-group-label,
484
+ .smart-list-menu-view-minimized:not([animation=none]) .smart-list-menu-group-label {
485
+ position: relative;
486
+ }
487
+ .smart-list-menu:not([animation=none]) .smart-menu-items-group-opened,
488
+ .smart-list-menu-view-minimized:not([animation=none]) .smart-menu-items-group-opened {
489
+ overflow: visible;
490
+ }
491
+ .smart-list-menu:not([animation=none]) .smart-menu-drop-down,
492
+ .smart-list-menu-view-minimized:not([animation=none]) .smart-menu-drop-down {
493
+ position: absolute;
494
+ top: 0;
495
+ left: 0;
496
+ transition: left 0.3s ease-in;
497
+ }
498
+ .smart-list-menu:not([animation=none]) .smart-menu-drop-down.smart-hidden,
499
+ .smart-list-menu-view-minimized:not([animation=none]) .smart-menu-drop-down.smart-hidden {
500
+ display: block !important;
501
+ left: 100%;
502
+ }
503
+ .smart-list-menu:not([animation=none]) .smart-menu-drop-down.no-transition,
504
+ .smart-list-menu-view-minimized:not([animation=none]) .smart-menu-drop-down.no-transition {
505
+ transition: none;
506
+ }
507
+
508
+ .smart-list-menu-view {
509
+ width: 100%;
510
+ height: 100%;
511
+ overflow: hidden;
512
+ }
513
+ .smart-list-menu-view.smart-list-menu-view-minimized {
514
+ position: absolute;
515
+ width: var(--smart-editor-drop-down-width);
516
+ height: var(--smart-editor-drop-down-height);
517
+ left: calc(-1 * var(--smart-border-width));
518
+ top: calc(100% + var(--smart-border-width));
519
+ background-color: white;
520
+ box-shadow: var(--smart-elevation-8);
521
+ }
522
+
523
+ .smart-list-menu-view-minimized.smart-menu-drop-down.smart-drop-down-repositioned[drop-down-position*=top] {
524
+ margin: -8px 0px;
525
+ }
526
+ .smart-list-menu-view-minimized:not([animation=none]) {
527
+ opacity: 1;
528
+ transform: scaleY(1);
529
+ margin: 8px 0px;
530
+ -webkit-transform-origin: top;
531
+ transform-origin: top;
532
+ transition: opacity 0.2s ease-in, visibility 0.2s ease-in, transform 0.2s ease-in;
533
+ }
534
+ .smart-list-menu-view-minimized:not([animation=none]).smart-visibility-hidden {
535
+ opacity: 0.2;
536
+ transform: scaleY(0);
537
+ }
538
+ .smart-list-menu-view-minimized:not([animation=none]) smart-menu-items-group.smart-element.smart-menu-items-group-opened {
539
+ overflow: visible;
540
+ }
541
+ .smart-list-menu-view-minimized.smart-drop-down-repositioned.smart-visibility-hidden.not-in-view {
542
+ left: -9999px;
543
+ top: -9999px;
544
+ transition: none;
545
+ }
546
+ .smart-list-menu-view-minimized[drop-down-position|=top]:not([animation=none]) {
547
+ transform: translateY(-100%) scaleY(1);
548
+ -webkit-transform-origin: bottom;
549
+ transform-origin: bottom;
550
+ }
551
+ .smart-list-menu-view-minimized[drop-down-position|=top]:not([animation=none]).smart-visibility-hidden {
552
+ transform: translateY(-100%) scaleY(0);
553
+ }
554
+
555
+ .smart-list-menu:not([animation=none])[right-to-left] .smart-menu-drop-down.smart-hidden,
556
+ .smart-list-menu-view-minimized:not([animation=none])[right-to-left] .smart-menu-drop-down.smart-hidden {
557
+ left: -100%;
558
+ }
559
+ .smart-list-menu:not([animation=none])[right-to-left] smart-menu-item.animate,
560
+ .smart-list-menu:not([animation=none])[right-to-left] smart-menu-items-group.animate,
561
+ .smart-list-menu:not([animation=none])[right-to-left] smart-menu-item.right,
562
+ .smart-list-menu:not([animation=none])[right-to-left] smart-menu-items-group.right,
563
+ .smart-list-menu:not([animation=none])[right-to-left] .smart-menu-item-label-container.animate,
564
+ .smart-list-menu:not([animation=none])[right-to-left] .smart-list-menu-group-label.animate,
565
+ .smart-list-menu:not([animation=none])[right-to-left] .smart-menu-item-label-container.right,
566
+ .smart-list-menu:not([animation=none])[right-to-left] .smart-list-menu-group-label.right,
567
+ .smart-list-menu-view-minimized:not([animation=none])[right-to-left] smart-menu-item.animate,
568
+ .smart-list-menu-view-minimized:not([animation=none])[right-to-left] smart-menu-items-group.animate,
569
+ .smart-list-menu-view-minimized:not([animation=none])[right-to-left] smart-menu-item.right,
570
+ .smart-list-menu-view-minimized:not([animation=none])[right-to-left] smart-menu-items-group.right,
571
+ .smart-list-menu-view-minimized:not([animation=none])[right-to-left] .smart-menu-item-label-container.animate,
572
+ .smart-list-menu-view-minimized:not([animation=none])[right-to-left] .smart-list-menu-group-label.animate,
573
+ .smart-list-menu-view-minimized:not([animation=none])[right-to-left] .smart-menu-item-label-container.right,
574
+ .smart-list-menu-view-minimized:not([animation=none])[right-to-left] .smart-list-menu-group-label.right {
575
+ left: 100%;
576
+ }
577
+
578
+ .smart-list-menu[right-to-left] .smart-filter-input,
579
+ .smart-list-menu-view.smart-drop-down-repositioned[right-to-left] .smart-filter-input {
580
+ direction: rtl;
581
+ padding-right: var(--smart-editor-label-padding);
582
+ padding-left: calc(var(--smart-editor-label-padding) + 25px);
583
+ }
584
+ .smart-list-menu[right-to-left] .smart-list-menu-filter-input-container:after,
585
+ .smart-list-menu-view.smart-drop-down-repositioned[right-to-left] .smart-list-menu-filter-input-container:after {
586
+ left: 0;
587
+ }
588
+ .smart-list-menu[right-to-left] .smart-header > smart-button,
589
+ .smart-list-menu-view.smart-drop-down-repositioned[right-to-left] .smart-header > smart-button {
590
+ left: initial;
591
+ right: 0;
592
+ }
593
+ .smart-list-menu[right-to-left] smart-menu-items-group .smart-menu-items-group-arrow,
594
+ .smart-list-menu-view.smart-drop-down-repositioned[right-to-left] smart-menu-items-group .smart-menu-items-group-arrow {
595
+ margin-left: initial;
596
+ }
597
+ .smart-list-menu[checkboxes][checkable][right-to-left] smart-menu-item[level="1"] > .smart-menu-item-label-container, .smart-list-menu[checkboxes][checkable][right-to-left] smart-menu-items-group[level="1"] > .smart-menu-item-label-container, .smart-list-menu[checkboxes][right-to-left] .smart-menu-item-container[checkable] > smart-menu-item > .smart-menu-item-label-container, .smart-list-menu[checkboxes][right-to-left] .smart-menu-item-container[checkable] > smart-menu-items-group > .smart-menu-item-label-container,
598
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][right-to-left] smart-menu-item[level="1"] > .smart-menu-item-label-container,
599
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][right-to-left] smart-menu-items-group[level="1"] > .smart-menu-item-label-container,
600
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][right-to-left] .smart-menu-item-container[checkable] > smart-menu-item > .smart-menu-item-label-container,
601
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][right-to-left] .smart-menu-item-container[checkable] > smart-menu-items-group > .smart-menu-item-label-container {
602
+ padding-left: initial;
603
+ padding-right: 35px;
604
+ }
605
+ .smart-list-menu[checkboxes][checkable][right-to-left] smart-menu-item[level="1"][checked] > .smart-menu-item-label-container:after, .smart-list-menu[checkboxes][checkable][right-to-left] smart-menu-items-group[level="1"][checked] > .smart-menu-item-label-container:after, .smart-list-menu[checkboxes][right-to-left] .smart-menu-item-container[checkable] > smart-menu-item[checked] > .smart-menu-item-label-container:after, .smart-list-menu[checkboxes][right-to-left] .smart-menu-item-container[checkable] > smart-menu-items-group[checked] > .smart-menu-item-label-container:after,
606
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][right-to-left] smart-menu-item[level="1"][checked] > .smart-menu-item-label-container:after,
607
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][right-to-left] smart-menu-items-group[level="1"][checked] > .smart-menu-item-label-container:after,
608
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][right-to-left] .smart-menu-item-container[checkable] > smart-menu-item[checked] > .smart-menu-item-label-container:after,
609
+ .smart-list-menu-view.smart-drop-down-repositioned[checkboxes][right-to-left] .smart-menu-item-container[checkable] > smart-menu-items-group[checked] > .smart-menu-item-label-container:after {
610
+ left: initial;
611
+ right: 10px;
612
+ }
613
+
614
+ .smart-list-menu[right-to-left] smart-menu-items-group[level="1"] > .smart-menu-item-label-container > .smart-menu-items-group-arrow {
615
+ margin-right: initial;
616
+ }
617
+ .smart-list-menu[right-to-left] smart-menu-item .smart-menu-item-shortcut {
618
+ margin-left: initial;
619
+ margin-right: 100px;
620
+ }
621
+ .smart-list-menu[right-to-left] .smart-menu-main-container {
622
+ direction: rtl;
623
+ }
624
+ .smart-list-menu[right-to-left] .smart-menu-items-group-arrow.right.smart-arrow-right {
625
+ margin-left: initial;
626
+ margin-right: 50px;
627
+ }
628
+ .smart-list-menu[right-to-left] > .smart-container {
629
+ flex-direction: row-reverse;
630
+ }
631
+ .smart-list-menu[right-to-left] .smart-list-menu-view.smart-list-menu-view-minimized {
632
+ left: initial;
633
+ right: calc(-1 * var(--smart-border-width));
634
+ }
635
+ .smart-list-menu[right-to-left][minimized] .smart-list-menu-view-minimized, .smart-list-menu[right-to-left][mode=tree] .smart-list-menu-view-minimized {
636
+ direction: rtl;
637
+ }
638
+ .smart-list-menu[right-to-left][mode=dropDown] smart-menu-item[level="1"] .smart-menu-item-shortcut,
639
+ .smart-list-menu[right-to-left] smart-menu-items-group .smart-menu-items-group-arrow,
640
+ .smart-list-menu[right-to-left] .smart-list-menu-view-minimized .smart-menu-item-shortcut {
641
+ margin-right: initial;
642
+ }
643
+
644
+ .smart-list-menu-view-minimized[right-to-left] .smart-menu-item-shortcut,
645
+ .smart-list-menu-view-minimized[right-to-left] smart-menu-items-group .smart-menu-items-group-arrow {
646
+ margin-right: initial;
647
+ }
648
+
649
+ .smart-menu-drop-down.smart-drop-down-repositioned.smart-list-menu-view-minimized[right-to-left] {
650
+ direction: rtl;
651
+ }
652
+ .smart-menu-drop-down.smart-drop-down-repositioned[right-to-left] .smart-menu-items-group-arrow.right.smart-arrow-right {
653
+ margin-left: initial;
654
+ margin-right: 50px;
655
+ }
656
+ .smart-menu-drop-down.smart-drop-down-repositioned[right-to-left] .smart-menu-item-container {
657
+ direction: rtl;
658
+ }
659
+ .smart-menu-drop-down.smart-drop-down-repositioned[right-to-left] smart-menu-item .smart-menu-item-shortcut {
660
+ margin-left: initial;
661
+ margin-right: 100px;
662
662
  }