smart-webcomponents-react 17.0.0 → 17.1.0

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 (551) hide show
  1. package/accordion/accordion.d.ts +0 -1
  2. package/accordion/accordion.esm.js +19 -10
  3. package/accordion/accordion.umd.js +8 -3
  4. package/accordion/accordionitem.d.ts +0 -1
  5. package/alertwindow/alertwindow.d.ts +0 -1
  6. package/alertwindow/alertwindow.esm.js +15 -9
  7. package/alertwindow/alertwindow.umd.js +4 -2
  8. package/array/array.d.ts +0 -1
  9. package/array/array.esm.js +15 -9
  10. package/array/array.umd.js +4 -2
  11. package/barcode/barcode.d.ts +0 -1
  12. package/barcode/barcode.esm.js +15 -9
  13. package/barcode/barcode.umd.js +4 -2
  14. package/breadcrumb/breadcrumb.d.ts +0 -1
  15. package/breadcrumb/breadcrumb.esm.js +15 -9
  16. package/breadcrumb/breadcrumb.umd.js +4 -2
  17. package/button/button.d.ts +0 -1
  18. package/button/button.esm.js +27 -12
  19. package/button/button.umd.js +16 -5
  20. package/button/buttongroup.d.ts +0 -1
  21. package/button/dropdownbutton.d.ts +0 -1
  22. package/button/multisplitbutton.d.ts +0 -1
  23. package/button/powerbutton.d.ts +0 -1
  24. package/button/radiobutton.d.ts +0 -1
  25. package/button/repeatbutton.d.ts +0 -1
  26. package/button/switchbutton.d.ts +0 -1
  27. package/button/togglebutton.d.ts +0 -1
  28. package/buttongroup/buttongroup.d.ts +0 -1
  29. package/buttongroup/buttongroup.esm.js +15 -9
  30. package/buttongroup/buttongroup.umd.js +4 -2
  31. package/calendar/calendar.d.ts +0 -1
  32. package/calendar/calendar.esm.js +15 -9
  33. package/calendar/calendar.umd.js +4 -2
  34. package/card/card.d.ts +0 -1
  35. package/card/card.esm.js +15 -9
  36. package/card/card.umd.js +4 -2
  37. package/card/cardview.d.ts +0 -1
  38. package/cardview/cardview.d.ts +0 -1
  39. package/cardview/cardview.esm.js +15 -9
  40. package/cardview/cardview.umd.js +4 -2
  41. package/carousel/carousel.d.ts +0 -1
  42. package/carousel/carousel.esm.js +15 -9
  43. package/carousel/carousel.umd.js +4 -2
  44. package/chart/chart.d.ts +0 -1
  45. package/chart/chart.esm.js +15 -9
  46. package/chart/chart.umd.js +4 -2
  47. package/chart/ganttchart.d.ts +0 -11
  48. package/chart/threedchart.d.ts +0 -1
  49. package/checkbox/checkbox.d.ts +0 -1
  50. package/checkbox/checkbox.esm.js +15 -9
  51. package/checkbox/checkbox.umd.js +4 -2
  52. package/checkinput/checkinput.d.ts +0 -1
  53. package/checkinput/checkinput.esm.js +15 -9
  54. package/checkinput/checkinput.umd.js +4 -2
  55. package/chip/chip.d.ts +0 -1
  56. package/chip/chip.esm.js +15 -9
  57. package/chip/chip.umd.js +4 -2
  58. package/colorinput/colorinput.d.ts +0 -1
  59. package/colorinput/colorinput.esm.js +15 -9
  60. package/colorinput/colorinput.umd.js +4 -2
  61. package/colorpanel/colorpanel.d.ts +0 -1
  62. package/colorpanel/colorpanel.esm.js +15 -9
  63. package/colorpanel/colorpanel.umd.js +4 -2
  64. package/colorpicker/colorpicker.d.ts +0 -1
  65. package/colorpicker/colorpicker.esm.js +15 -9
  66. package/colorpicker/colorpicker.umd.js +4 -2
  67. package/columnpanel/columnpanel.d.ts +0 -1
  68. package/columnpanel/columnpanel.esm.js +15 -9
  69. package/columnpanel/columnpanel.umd.js +4 -2
  70. package/combobox/combobox.d.ts +0 -1
  71. package/combobox/combobox.esm.js +23 -11
  72. package/combobox/combobox.umd.js +12 -4
  73. package/countryinput/countryinput.d.ts +0 -1
  74. package/countryinput/countryinput.esm.js +15 -9
  75. package/countryinput/countryinput.umd.js +4 -2
  76. package/customizationdialog/customizationdialog.d.ts +0 -1
  77. package/customizationdialog/customizationdialog.esm.js +15 -9
  78. package/customizationdialog/customizationdialog.umd.js +4 -2
  79. package/dateinput/dateinput.d.ts +0 -1
  80. package/dateinput/dateinput.esm.js +15 -9
  81. package/dateinput/dateinput.umd.js +4 -2
  82. package/daterangeinput/daterangeinput.d.ts +0 -1
  83. package/daterangeinput/daterangeinput.esm.js +15 -9
  84. package/daterangeinput/daterangeinput.umd.js +4 -2
  85. package/datetimepicker/datetimepicker.d.ts +0 -1
  86. package/datetimepicker/datetimepicker.esm.js +15 -9
  87. package/datetimepicker/datetimepicker.umd.js +4 -2
  88. package/dialogwindow/dialogwindow.d.ts +0 -1
  89. package/dialogwindow/dialogwindow.esm.js +15 -9
  90. package/dialogwindow/dialogwindow.umd.js +4 -2
  91. package/dockinglayout/dockinglayout.d.ts +0 -1
  92. package/dockinglayout/dockinglayout.esm.js +15 -9
  93. package/dockinglayout/dockinglayout.umd.js +4 -2
  94. package/dropdownbutton/dropdownbutton.d.ts +0 -1
  95. package/dropdownbutton/dropdownbutton.esm.js +15 -9
  96. package/dropdownbutton/dropdownbutton.umd.js +4 -2
  97. package/dropdownlist/dropdownlist.d.ts +0 -1
  98. package/dropdownlist/dropdownlist.esm.js +23 -11
  99. package/dropdownlist/dropdownlist.umd.js +12 -4
  100. package/editor/editor.d.ts +0 -1
  101. package/editor/editor.esm.js +15 -9
  102. package/editor/editor.umd.js +4 -2
  103. package/element/element.d.ts +0 -1
  104. package/element/element.esm.js +15 -9
  105. package/element/element.umd.js +4 -2
  106. package/fileupload/fileupload.d.ts +0 -1
  107. package/fileupload/fileupload.esm.js +15 -9
  108. package/fileupload/fileupload.umd.js +4 -2
  109. package/filterbuilder/filterbuilder.d.ts +0 -1
  110. package/filterbuilder/filterbuilder.esm.js +15 -9
  111. package/filterbuilder/filterbuilder.umd.js +4 -2
  112. package/filterpanel/filterpanel.d.ts +0 -1
  113. package/filterpanel/filterpanel.esm.js +15 -9
  114. package/filterpanel/filterpanel.umd.js +4 -2
  115. package/filterpanel/multicolumnfilterpanel.d.ts +0 -1
  116. package/form/form.d.ts +0 -1
  117. package/form/form.esm.js +23 -11
  118. package/form/form.umd.js +12 -4
  119. package/form/formcontrol.d.ts +0 -1
  120. package/form/formgroup.d.ts +0 -1
  121. package/ganttchart/ganttchart.d.ts +0 -11
  122. package/ganttchart/ganttchart.esm.js +16 -32
  123. package/ganttchart/ganttchart.umd.js +5 -25
  124. package/gauge/gauge.d.ts +0 -1
  125. package/gauge/gauge.esm.js +15 -9
  126. package/gauge/gauge.umd.js +4 -2
  127. package/grid/grid.d.ts +0 -1
  128. package/grid/grid.esm.js +15 -9
  129. package/grid/grid.umd.js +4 -2
  130. package/grouppanel/grouppanel.d.ts +0 -1
  131. package/grouppanel/grouppanel.esm.js +15 -9
  132. package/grouppanel/grouppanel.umd.js +4 -2
  133. package/index.d.ts +1 -11
  134. package/input/checkinput.d.ts +0 -1
  135. package/input/colorinput.d.ts +0 -1
  136. package/input/countryinput.d.ts +0 -1
  137. package/input/dateinput.d.ts +0 -1
  138. package/input/daterangeinput.d.ts +0 -1
  139. package/input/input.d.ts +0 -1
  140. package/input/input.esm.js +15 -9
  141. package/input/input.umd.js +4 -2
  142. package/input/multicomboinput.d.ts +0 -1
  143. package/input/multiinput.d.ts +0 -1
  144. package/input/numberinput.d.ts +0 -1
  145. package/input/passwordinput.d.ts +0 -1
  146. package/input/phoneinput.d.ts +0 -1
  147. package/input/timeinput.d.ts +0 -1
  148. package/kanban/kanban.d.ts +0 -1
  149. package/kanban/kanban.esm.js +15 -9
  150. package/kanban/kanban.umd.js +4 -2
  151. package/layout/dockinglayout.d.ts +0 -1
  152. package/layout/layout.d.ts +0 -1
  153. package/layout/layout.esm.js +31 -13
  154. package/layout/layout.umd.js +20 -6
  155. package/layout/layoutgroup.d.ts +0 -1
  156. package/layout/layoutitem.d.ts +0 -1
  157. package/layout/tablayoutgroup.d.ts +0 -1
  158. package/layout/tablayoutitem.d.ts +0 -1
  159. package/led/led.d.ts +0 -1
  160. package/led/led.esm.js +15 -9
  161. package/led/led.umd.js +4 -2
  162. package/listbox/listbox.d.ts +0 -1
  163. package/listbox/listbox.esm.js +23 -11
  164. package/listbox/listbox.umd.js +12 -4
  165. package/listmenu/listmenu.d.ts +0 -1
  166. package/listmenu/listmenu.esm.js +23 -11
  167. package/listmenu/listmenu.umd.js +12 -4
  168. package/map/map.d.ts +0 -1
  169. package/map/map.esm.js +15 -9
  170. package/map/map.umd.js +4 -2
  171. package/maskedtextbox/maskedtextbox.d.ts +0 -1
  172. package/maskedtextbox/maskedtextbox.esm.js +15 -9
  173. package/maskedtextbox/maskedtextbox.umd.js +4 -2
  174. package/menu/listmenu.d.ts +0 -1
  175. package/menu/menu.d.ts +0 -1
  176. package/menu/menu.esm.js +23 -11
  177. package/menu/menu.umd.js +12 -4
  178. package/menu/menuitem.d.ts +0 -1
  179. package/menu/menuitemsgroup.d.ts +0 -1
  180. package/multicolumnfilterpanel/multicolumnfilterpanel.d.ts +0 -1
  181. package/multicolumnfilterpanel/multicolumnfilterpanel.esm.js +15 -9
  182. package/multicolumnfilterpanel/multicolumnfilterpanel.umd.js +4 -2
  183. package/multicomboinput/multicomboinput.d.ts +0 -1
  184. package/multicomboinput/multicomboinput.esm.js +15 -9
  185. package/multicomboinput/multicomboinput.umd.js +4 -2
  186. package/multiinput/multiinput.d.ts +0 -1
  187. package/multiinput/multiinput.esm.js +15 -9
  188. package/multiinput/multiinput.umd.js +4 -2
  189. package/multilinetextbox/multilinetextbox.d.ts +0 -1
  190. package/multilinetextbox/multilinetextbox.esm.js +23 -11
  191. package/multilinetextbox/multilinetextbox.umd.js +12 -4
  192. package/multilinewindow/multilinewindow.d.ts +0 -1
  193. package/multilinewindow/multilinewindow.esm.js +15 -9
  194. package/multilinewindow/multilinewindow.umd.js +4 -2
  195. package/multisplitbutton/multisplitbutton.d.ts +0 -1
  196. package/multisplitbutton/multisplitbutton.esm.js +23 -11
  197. package/multisplitbutton/multisplitbutton.umd.js +12 -4
  198. package/numberinput/numberinput.d.ts +0 -1
  199. package/numberinput/numberinput.esm.js +15 -9
  200. package/numberinput/numberinput.umd.js +4 -2
  201. package/numerictextbox/numerictextbox.d.ts +0 -1
  202. package/numerictextbox/numerictextbox.esm.js +15 -9
  203. package/numerictextbox/numerictextbox.umd.js +4 -2
  204. package/package.json +2 -1
  205. package/pager/pager.d.ts +0 -1
  206. package/pager/pager.esm.js +15 -9
  207. package/pager/pager.umd.js +4 -2
  208. package/passwordinput/passwordinput.d.ts +0 -1
  209. package/passwordinput/passwordinput.esm.js +15 -9
  210. package/passwordinput/passwordinput.umd.js +4 -2
  211. package/passwordtextbox/passwordtextbox.d.ts +0 -1
  212. package/passwordtextbox/passwordtextbox.esm.js +15 -9
  213. package/passwordtextbox/passwordtextbox.umd.js +4 -2
  214. package/path/path.d.ts +0 -1
  215. package/path/path.esm.js +15 -9
  216. package/path/path.umd.js +4 -2
  217. package/phoneinput/phoneinput.d.ts +0 -1
  218. package/phoneinput/phoneinput.esm.js +15 -9
  219. package/phoneinput/phoneinput.umd.js +4 -2
  220. package/pivottable/pivottable.d.ts +0 -1
  221. package/pivottable/pivottable.esm.js +15 -9
  222. package/pivottable/pivottable.umd.js +4 -2
  223. package/progressbar/circularprogressbar.d.ts +0 -1
  224. package/progressbar/progressbar.d.ts +0 -1
  225. package/progressbar/progressbar.esm.js +19 -10
  226. package/progressbar/progressbar.umd.js +8 -3
  227. package/progresswindow/progresswindow.d.ts +0 -1
  228. package/progresswindow/progresswindow.esm.js +15 -9
  229. package/progresswindow/progresswindow.umd.js +4 -2
  230. package/promptwindow/promptwindow.d.ts +0 -1
  231. package/promptwindow/promptwindow.esm.js +15 -9
  232. package/promptwindow/promptwindow.umd.js +4 -2
  233. package/qrcode/qrcode.d.ts +0 -1
  234. package/qrcode/qrcode.esm.js +15 -9
  235. package/qrcode/qrcode.umd.js +4 -2
  236. package/querybuilder/querybuilder.d.ts +0 -1
  237. package/querybuilder/querybuilder.esm.js +15 -9
  238. package/querybuilder/querybuilder.umd.js +4 -2
  239. package/radiobutton/radiobutton.d.ts +0 -1
  240. package/radiobutton/radiobutton.esm.js +15 -9
  241. package/radiobutton/radiobutton.umd.js +4 -2
  242. package/rating/rating.d.ts +0 -1
  243. package/rating/rating.esm.js +15 -9
  244. package/rating/rating.umd.js +4 -2
  245. package/ribbon/ribbon.d.ts +0 -1
  246. package/ribbon/ribbon.esm.js +27 -12
  247. package/ribbon/ribbon.umd.js +16 -5
  248. package/ribbon/ribbongroup.d.ts +0 -1
  249. package/ribbon/ribbonitem.d.ts +0 -1
  250. package/ribbon/ribbontab.d.ts +0 -1
  251. package/scheduler/scheduler.d.ts +0 -1
  252. package/scheduler/scheduler.esm.js +15 -9
  253. package/scheduler/scheduler.umd.js +4 -2
  254. package/scrollbar/scrollbar.d.ts +0 -1
  255. package/scrollbar/scrollbar.esm.js +15 -9
  256. package/scrollbar/scrollbar.umd.js +4 -2
  257. package/slider/slider.d.ts +0 -1
  258. package/slider/slider.esm.js +15 -9
  259. package/slider/slider.umd.js +4 -2
  260. package/sortable/sortable.d.ts +0 -1
  261. package/sortable/sortable.esm.js +15 -9
  262. package/sortable/sortable.umd.js +4 -2
  263. package/sortpanel/sortpanel.d.ts +0 -1
  264. package/sortpanel/sortpanel.esm.js +15 -9
  265. package/sortpanel/sortpanel.umd.js +4 -2
  266. package/source/modules/smart.3dchart.js +2 -2
  267. package/source/modules/smart.accordion.js +1 -1
  268. package/source/modules/smart.array.js +2 -2
  269. package/source/modules/smart.barcode.js +1 -1
  270. package/source/modules/smart.breadcrumb.js +1 -1
  271. package/source/modules/smart.button.js +1 -1
  272. package/source/modules/smart.buttongroup.js +1 -1
  273. package/source/modules/smart.calendar.js +2 -2
  274. package/source/modules/smart.card.js +1 -1
  275. package/source/modules/smart.cardview.js +5 -5
  276. package/source/modules/smart.carousel.js +1 -1
  277. package/source/modules/smart.chart.js +2 -2
  278. package/source/modules/smart.checkbox.js +1 -1
  279. package/source/modules/smart.checkinput.js +1 -1
  280. package/source/modules/smart.chip.js +1 -1
  281. package/source/modules/smart.colorinput.js +1 -1
  282. package/source/modules/smart.colorpanel.js +2 -2
  283. package/source/modules/smart.colorpicker.js +2 -2
  284. package/source/modules/smart.combobox.js +2 -2
  285. package/source/modules/smart.common.js +3 -3
  286. package/source/modules/smart.countryinput.js +1 -1
  287. package/source/modules/smart.dateinput.js +2 -2
  288. package/source/modules/smart.daterangeinput.js +3 -3
  289. package/source/modules/smart.datetimepicker.js +4 -4
  290. package/source/modules/smart.dockinglayout.js +1 -1
  291. package/source/modules/smart.dropdownbutton.js +1 -1
  292. package/source/modules/smart.dropdownlist.js +2 -2
  293. package/source/modules/smart.editor.js +2 -2
  294. package/source/modules/smart.element.js +1 -1
  295. package/source/modules/smart.fileupload.js +2 -2
  296. package/source/modules/smart.form.js +1 -1
  297. package/source/modules/smart.formulaparser.js +1 -1
  298. package/source/modules/smart.ganttchart.js +5 -5
  299. package/source/modules/smart.gauge.js +2 -2
  300. package/source/modules/smart.grid.js +15 -15
  301. package/source/modules/smart.gridpanel.js +5 -5
  302. package/source/modules/smart.input.js +1 -1
  303. package/source/modules/smart.kanban.js +6 -6
  304. package/source/modules/smart.layout.js +1 -1
  305. package/source/modules/smart.led.js +1 -1
  306. package/source/modules/smart.listbox.js +1 -1
  307. package/source/modules/smart.listmenu.js +1 -1
  308. package/source/modules/smart.map.js +1 -1
  309. package/source/modules/smart.maskedtextbox.js +1 -1
  310. package/source/modules/smart.menu.js +1 -1
  311. package/source/modules/smart.multicomboinput.js +1 -1
  312. package/source/modules/smart.multiinput.js +1 -1
  313. package/source/modules/smart.multilinetextbox.js +2 -2
  314. package/source/modules/smart.multisplitbutton.js +2 -2
  315. package/source/modules/smart.numberinput.js +1 -1
  316. package/source/modules/smart.numerictextbox.js +2 -2
  317. package/source/modules/smart.pager.js +1 -1
  318. package/source/modules/smart.passwordinput.js +1 -1
  319. package/source/modules/smart.passwordtextbox.js +1 -1
  320. package/source/modules/smart.path.js +1 -1
  321. package/source/modules/smart.phoneinput.js +1 -1
  322. package/source/modules/smart.pivottable.js +4 -4
  323. package/source/modules/smart.progressbar.js +1 -1
  324. package/source/modules/smart.qrcode.js +1 -1
  325. package/source/modules/smart.querybuilder.js +4 -4
  326. package/source/modules/smart.radiobutton.js +1 -1
  327. package/source/modules/smart.rating.js +1 -1
  328. package/source/modules/smart.ribbon.js +2 -2
  329. package/source/modules/smart.router.js +2 -2
  330. package/source/modules/smart.scheduler.js +6 -6
  331. package/source/modules/smart.scrollbar.js +1 -1
  332. package/source/modules/smart.slider.js +2 -2
  333. package/source/modules/smart.sortable.js +1 -1
  334. package/source/modules/smart.splitter.js +1 -1
  335. package/source/modules/smart.switchbutton.js +1 -1
  336. package/source/modules/smart.table.js +4 -4
  337. package/source/modules/smart.tabs.js +1 -1
  338. package/source/modules/smart.tank.js +2 -2
  339. package/source/modules/smart.textarea.js +1 -1
  340. package/source/modules/smart.textbox.js +2 -2
  341. package/source/modules/smart.timeinput.js +1 -1
  342. package/source/modules/smart.timepicker.js +1 -1
  343. package/source/modules/smart.toast.js +1 -1
  344. package/source/modules/smart.tooltip.js +1 -1
  345. package/source/modules/smart.tree.js +1 -1
  346. package/source/modules/smart.validator.js +1 -1
  347. package/source/modules/smart.window.js +2 -2
  348. package/source/smart.3dchart.js +1 -1
  349. package/source/smart.accordion.js +1 -1
  350. package/source/smart.ajax.js +1 -1
  351. package/source/smart.array.js +1 -1
  352. package/source/smart.barcode.js +1 -1
  353. package/source/smart.bootstrap.js +1 -1
  354. package/source/smart.breadcrumb.js +1 -1
  355. package/source/smart.button.js +1 -1
  356. package/source/smart.buttongroup.js +1 -1
  357. package/source/smart.calendar.js +1 -1
  358. package/source/smart.card.js +1 -1
  359. package/source/smart.cardview.js +1 -1
  360. package/source/smart.carousel.js +1 -1
  361. package/source/smart.chart.annotations.js +1 -1
  362. package/source/smart.chart.api.js +1 -1
  363. package/source/smart.chart.core.js +1 -1
  364. package/source/smart.chart.js +1 -1
  365. package/source/smart.chart.rangeselector.js +1 -1
  366. package/source/smart.chart.waterfall.js +1 -1
  367. package/source/smart.checkbox.js +1 -1
  368. package/source/smart.checkinput.js +1 -1
  369. package/source/smart.chip.js +1 -1
  370. package/source/smart.colorinput.js +1 -1
  371. package/source/smart.colorpanel.js +1 -1
  372. package/source/smart.colorpicker.js +1 -1
  373. package/source/smart.combobox.js +1 -1
  374. package/source/smart.complex.js +1 -1
  375. package/source/smart.core.js +1 -1
  376. package/source/smart.countryinput.js +1 -1
  377. package/source/smart.data.js +2 -2
  378. package/source/smart.date.js +2 -2
  379. package/source/smart.dateformatpanel.js +1 -1
  380. package/source/smart.dateinput.js +1 -1
  381. package/source/smart.daterangeinput.js +1 -1
  382. package/source/smart.datetimepicker.js +2 -2
  383. package/source/smart.dockinglayout.js +1 -1
  384. package/source/smart.draw.js +1 -1
  385. package/source/smart.dropdownbutton.js +1 -1
  386. package/source/smart.dropdownlist.js +2 -2
  387. package/source/smart.editor.js +2 -2
  388. package/source/smart.element.js +1 -1
  389. package/source/smart.elements.js +17 -17
  390. package/source/smart.export.js +1 -1
  391. package/source/smart.fileupload.js +1 -1
  392. package/source/smart.filter.js +1 -1
  393. package/source/smart.filterbuilder.js +1 -1
  394. package/source/smart.filterpanel.js +1 -1
  395. package/source/smart.form.js +1 -1
  396. package/source/smart.format.js +1 -1
  397. package/source/smart.formulaparser.js +1 -1
  398. package/source/smart.ganttchart.js +1 -1
  399. package/source/smart.gauge.js +1 -1
  400. package/source/smart.grid.cell.js +2 -2
  401. package/source/smart.grid.chart.js +1 -1
  402. package/source/smart.grid.column.js +1 -1
  403. package/source/smart.grid.core.js +2 -2
  404. package/source/smart.grid.dialog.js +2 -2
  405. package/source/smart.grid.edit.js +2 -2
  406. package/source/smart.grid.export.js +1 -1
  407. package/source/smart.grid.filter.js +1 -1
  408. package/source/smart.grid.group.js +2 -2
  409. package/source/smart.grid.js +1 -1
  410. package/source/smart.grid.menu.js +1 -1
  411. package/source/smart.grid.pager.js +1 -1
  412. package/source/smart.grid.reorder.js +2 -2
  413. package/source/smart.grid.resize.js +1 -1
  414. package/source/smart.grid.row.js +1 -1
  415. package/source/smart.grid.select.js +2 -2
  416. package/source/smart.grid.sort.js +2 -2
  417. package/source/smart.grid.toolbar.js +2 -2
  418. package/source/smart.grid.tree.js +1 -1
  419. package/source/smart.grid.view.js +2 -2
  420. package/source/smart.gridpanel.js +1 -1
  421. package/source/smart.input.js +1 -1
  422. package/source/smart.kanban.js +2 -2
  423. package/source/smart.layout.js +1 -1
  424. package/source/smart.led.js +1 -1
  425. package/source/smart.listbox.js +1 -1
  426. package/source/smart.listmenu.js +1 -1
  427. package/source/smart.map.js +1 -1
  428. package/source/smart.maskedtextbox.js +1 -1
  429. package/source/smart.math.js +1 -1
  430. package/source/smart.menu.js +1 -1
  431. package/source/smart.multicomboinput.js +1 -1
  432. package/source/smart.multiinput.js +1 -1
  433. package/source/smart.multilinetextbox.js +1 -1
  434. package/source/smart.multisplitbutton.js +1 -1
  435. package/source/smart.numberformatpanel.js +1 -1
  436. package/source/smart.numberinput.js +1 -1
  437. package/source/smart.numeric.js +1 -1
  438. package/source/smart.numerictextbox.js +1 -1
  439. package/source/smart.pager.js +1 -1
  440. package/source/smart.passwordinput.js +1 -1
  441. package/source/smart.passwordtextbox.js +1 -1
  442. package/source/smart.path.js +1 -1
  443. package/source/smart.phoneinput.js +1 -1
  444. package/source/smart.pivottable.js +1 -1
  445. package/source/smart.powerbutton.js +1 -1
  446. package/source/smart.progressbar.js +1 -1
  447. package/source/smart.qrcode.js +1 -1
  448. package/source/smart.radiobutton.js +1 -1
  449. package/source/smart.rating.js +1 -1
  450. package/source/smart.ribbon.js +1 -1
  451. package/source/smart.router.js +1 -1
  452. package/source/smart.scheduler.js +2 -2
  453. package/source/smart.scrollbar.js +1 -1
  454. package/source/smart.slider.js +1 -1
  455. package/source/smart.sortable.js +1 -1
  456. package/source/smart.splitter.js +1 -1
  457. package/source/smart.switchbutton.js +1 -1
  458. package/source/smart.table.js +1 -1
  459. package/source/smart.tabs.js +1 -1
  460. package/source/smart.tank.js +1 -1
  461. package/source/smart.textarea.js +1 -1
  462. package/source/smart.textbox.js +1 -1
  463. package/source/smart.tickintervalhandler.js +1 -1
  464. package/source/smart.timeinput.js +1 -1
  465. package/source/smart.timepicker.js +1 -1
  466. package/source/smart.toast.js +1 -1
  467. package/source/smart.tooltip.js +1 -1
  468. package/source/smart.tree.js +1 -1
  469. package/source/smart.validationpanel.js +1 -1
  470. package/source/smart.validator.js +1 -1
  471. package/source/smart.window.js +1 -1
  472. package/source/styles/components/smart.grid.css +1 -1
  473. package/source/styles/components/smart.kanban.css +1 -1
  474. package/source/styles/default/scss/smart.grid.scss +14 -3
  475. package/source/styles/default/scss/smart.kanban.scss +13 -2
  476. package/source/styles/default/smart.grid.css +15 -3
  477. package/source/styles/default/smart.kanban.css +1607 -1599
  478. package/source/styles/smart.default.css +2 -2
  479. package/source/typescript/smart.elements.d.ts +1 -11
  480. package/source/typescript/smart.ganttchart.d.ts +0 -10
  481. package/source/typescript/smart.ribbon.d.ts +1 -1
  482. package/splitter/splitter.d.ts +0 -1
  483. package/splitter/splitter.esm.js +23 -11
  484. package/splitter/splitter.umd.js +12 -4
  485. package/splitter/splitterbar.d.ts +0 -1
  486. package/splitter/splitteritem.d.ts +0 -1
  487. package/switchbutton/switchbutton.d.ts +0 -1
  488. package/switchbutton/switchbutton.esm.js +15 -9
  489. package/switchbutton/switchbutton.umd.js +4 -2
  490. package/table/pivottable.d.ts +0 -1
  491. package/table/sortable.d.ts +0 -1
  492. package/table/table.d.ts +0 -1
  493. package/table/table.esm.js +15 -9
  494. package/table/table.umd.js +4 -2
  495. package/tabs/tabs.d.ts +0 -1
  496. package/tabs/tabs.esm.js +23 -11
  497. package/tabs/tabs.umd.js +12 -4
  498. package/tabs/tabswindow.d.ts +0 -1
  499. package/tabswindow/tabswindow.d.ts +0 -1
  500. package/tabswindow/tabswindow.esm.js +15 -9
  501. package/tabswindow/tabswindow.umd.js +4 -2
  502. package/tank/tank.d.ts +0 -1
  503. package/tank/tank.esm.js +15 -9
  504. package/tank/tank.umd.js +4 -2
  505. package/textarea/textarea.d.ts +0 -1
  506. package/textarea/textarea.esm.js +15 -9
  507. package/textarea/textarea.umd.js +4 -2
  508. package/textbox/maskedtextbox.d.ts +0 -1
  509. package/textbox/multilinetextbox.d.ts +0 -1
  510. package/textbox/numerictextbox.d.ts +0 -1
  511. package/textbox/passwordtextbox.d.ts +0 -1
  512. package/textbox/textbox.d.ts +0 -1
  513. package/textbox/textbox.esm.js +23 -11
  514. package/textbox/textbox.umd.js +12 -4
  515. package/threedchart/threedchart.d.ts +0 -1
  516. package/threedchart/threedchart.esm.js +15 -9
  517. package/threedchart/threedchart.umd.js +4 -2
  518. package/timeinput/timeinput.d.ts +0 -1
  519. package/timeinput/timeinput.esm.js +15 -9
  520. package/timeinput/timeinput.umd.js +4 -2
  521. package/timepicker/datetimepicker.d.ts +0 -1
  522. package/timepicker/timepicker.d.ts +0 -1
  523. package/timepicker/timepicker.esm.js +15 -9
  524. package/timepicker/timepicker.umd.js +4 -2
  525. package/toast/toast.d.ts +0 -1
  526. package/toast/toast.esm.js +15 -9
  527. package/toast/toast.umd.js +4 -2
  528. package/tooltip/tooltip.d.ts +0 -1
  529. package/tooltip/tooltip.esm.js +15 -9
  530. package/tooltip/tooltip.umd.js +4 -2
  531. package/tree/tree.d.ts +0 -1
  532. package/tree/tree.esm.js +23 -11
  533. package/tree/tree.umd.js +12 -4
  534. package/tree/treeitem.d.ts +0 -1
  535. package/tree/treeitemsgroup.d.ts +0 -1
  536. package/validator/validator.d.ts +0 -1
  537. package/validator/validator.esm.js +15 -9
  538. package/validator/validator.umd.js +4 -2
  539. package/waitwindow/waitwindow.d.ts +0 -1
  540. package/waitwindow/waitwindow.esm.js +15 -9
  541. package/waitwindow/waitwindow.umd.js +4 -2
  542. package/window/alertwindow.d.ts +0 -1
  543. package/window/dialogwindow.d.ts +0 -1
  544. package/window/multilinewindow.d.ts +0 -1
  545. package/window/progresswindow.d.ts +0 -1
  546. package/window/promptwindow.d.ts +0 -1
  547. package/window/tabswindow.d.ts +0 -1
  548. package/window/waitwindow.d.ts +0 -1
  549. package/window/window.d.ts +0 -1
  550. package/window/window.esm.js +15 -9
  551. package/window/window.umd.js +4 -2
package/source/styles/default/smart.kanban.css CHANGED
@@ -1,1599 +1,1607 @@
1
- .smart-kanban {
2
- width: var(--smart-kanban-default-width);
3
- height: var(--smart-kanban-default-height);
4
- border: none;
5
- padding: 0;
6
- }
7
- .smart-kanban .smart-kanban-scroll-viewer {
8
- width: 100%;
9
- height: 100%;
10
- }
11
- .smart-kanban .smart-kanban-scroll-viewer .smart-scroll-viewer-content-container[disable-vertical] {
12
- padding: var(--smart-data-view-padding);
13
- height: 100%;
14
- min-width: 100%;
15
- }
16
- .smart-kanban.smart-kanban-column-color .smart-kanban-column:not(.smart-kanban-add-new-column) {
17
- background: var(--smart-surface);
18
- padding: 5px;
19
- box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.08), 0 3px 4px rgba(0, 0, 0, 0.03), 0 3px 16px rgba(0, 0, 0, 0.06);
20
- border-radius: 5px;
21
- box-sizing: border-box;
22
- }
23
- .smart-kanban.smart-kanban-column-color .smart-kanban-column:not(.smart-kanban-add-new-column) .smart-kanban-column-header {
24
- background: transparent;
25
- border: none;
26
- }
27
- .smart-kanban .smart-kanban-column .smart-kanban-column-footer {
28
- display: flex;
29
- font-family: var(--smart-font-family);
30
- font-size: 11px;
31
- color: var(--smart-surface-color);
32
- opacity: 0.5;
33
- align-items: center;
34
- text-align: center;
35
- padding: 8px;
36
- }
37
- .smart-kanban .smart-kanban-column.collapsed .smart-kanban-column-footer {
38
- padding: 0px;
39
- }
40
- .smart-kanban > .smart-container, .smart-kanban.smart-container {
41
- position: relative;
42
- }
43
- .smart-kanban > .smart-container[modal], .smart-kanban.smart-container[modal] {
44
- pointer-events: none;
45
- -webkit-user-select: none;
46
- -moz-user-select: none;
47
- -ms-user-select: none;
48
- user-select: none;
49
- }
50
- .smart-kanban > .smart-container[modal]:after, .smart-kanban.smart-container[modal]:after {
51
- content: "";
52
- position: absolute;
53
- width: 100%;
54
- height: 100%;
55
- top: 0;
56
- left: 0;
57
- background-color: black;
58
- opacity: 0.3;
59
- pointer-events: none;
60
- cursor: default;
61
- -moz-user-select: none;
62
- -webkit-user-select: none;
63
- user-select: none;
64
- }
65
- .smart-kanban .smart-kanban-body {
66
- position: relative;
67
- width: 100%;
68
- height: 100%;
69
- display: grid;
70
- grid-column-gap: var(--smart-data-view-padding);
71
- grid-template-rows: 100%;
72
- }
73
- .smart-kanban .smart-kanban-body > .smart-kanban-column {
74
- height: 100%;
75
- overflow: hidden;
76
- }
77
- .smart-kanban .smart-kanban-column {
78
- display: grid;
79
- grid-template-rows: var(--smart-kanban-header-size) 1fr;
80
- grid-row-gap: var(--smart-data-view-padding);
81
- min-height: 0;
82
- }
83
- .smart-kanban .smart-kanban-column:not(.collapsed) > .smart-kanban-column-header {
84
- grid-template-columns: 1fr auto auto;
85
- }
86
- .smart-kanban .smart-kanban-column.collapsed > .smart-kanban-column-header > .smart-kanban-column-header-label.pill .heading {
87
- padding: 8px 2px;
88
- }
89
- .smart-kanban .smart-kanban-column[wip-max-error] > .smart-kanban-column-header {
90
- background: #ffcdd2 !important;
91
- }
92
- .smart-kanban .smart-kanban-column[wip-min-error] > .smart-kanban-column-header {
93
- background: #ffe082 !important;
94
- }
95
- .smart-kanban .smart-kanban-column > .smart-kanban-column-header {
96
- border: var(--smart-border-width) solid var(--smart-border);
97
- border-top-left-radius: var(--smart-border-top-left-radius);
98
- border-top-right-radius: var(--smart-border-top-right-radius);
99
- border-bottom-left-radius: var(--smart-border-bottom-left-radius);
100
- border-bottom-right-radius: var(--smart-border-bottom-right-radius);
101
- min-width: 0;
102
- display: grid;
103
- grid-template-columns: 1fr auto;
104
- align-content: center;
105
- align-items: center;
106
- padding: 0 var(--smart-data-view-padding);
107
- background-color: var(--smart-surface);
108
- color: var(--smart-surface-color);
109
- }
110
- .smart-kanban .smart-kanban-column > .smart-kanban-column-header > .smart-kanban-column-header-label {
111
- font-size: calc(var(--smart-font-size) + 1px);
112
- font-weight: bold;
113
- min-width: 0;
114
- overflow: hidden;
115
- text-overflow: ellipsis;
116
- white-space: nowrap;
117
- }
118
- .smart-kanban .smart-kanban-column > .smart-kanban-column-header > .smart-kanban-column-header-label.pill {
119
- overflow: visible;
120
- display: inline-flex;
121
- align-content: center;
122
- }
123
- .smart-kanban .smart-kanban-column > .smart-kanban-column-header > .smart-kanban-column-header-label.pill .heading {
124
- border-radius: 12px;
125
- font-size: var(--smart-font-size);
126
- padding: 2px 8px;
127
- min-width: 22px;
128
- font-weight: 500;
129
- display: flex;
130
- align-items: center;
131
- }
132
- .smart-kanban .smart-kanban-column > .smart-kanban-column-header > .smart-kanban-column-header-label.pill .heading .summary {
133
- font-size: 10px;
134
- margin-left: 3px;
135
- opacity: 0.8;
136
- }
137
- .smart-kanban .smart-kanban-column > .smart-kanban-column-header > .smart-kanban-column-header-label .smart-kanban-title {
138
- text-overflow: ellipsis;
139
- overflow: hidden;
140
- }
141
- .smart-kanban .smart-kanban-column > .smart-kanban-column-header > .smart-kanban-column-header-label.pending {
142
- position: relative;
143
- overflow: visible;
144
- visibility: hidden;
145
- }
146
- .smart-kanban .smart-kanban-column > .smart-kanban-column-header > .smart-arrow {
147
- display: none;
148
- }
149
- .smart-kanban .smart-kanban-column > .smart-kanban-column-header > .smart-kanban-column-header-add {
150
- display: none;
151
- }
152
- .smart-kanban .smart-kanban-column > .smart-kanban-column-content {
153
- display: grid;
154
- grid-row-gap: var(--smart-data-view-padding);
155
- min-height: 0;
156
- grid-template-rows: 1fr 3fr;
157
- }
158
- .smart-kanban .smart-kanban-column > .smart-kanban-column-content.no-sub-columns {
159
- grid-template-rows: 1fr;
160
- }
161
- .smart-kanban .smart-kanban-column > .smart-kanban-column-content.has-swimlane {
162
- grid-row-gap: calc(var(--smart-kanban-header-size) + 2 * var(--smart-data-view-padding));
163
- }
164
- .smart-kanban .smart-kanban-column .smart-kanban-column-content-tasks {
165
- position: relative;
166
- border: none;
167
- width: unset;
168
- min-width: unset;
169
- max-height: 0;
170
- height: unset;
171
- min-height: 0;
172
- max-height: unset;
173
- padding: 0;
174
- background-color: transparent;
175
- }
176
- .smart-kanban .smart-kanban-column .smart-kanban-column-content-tasks:empty {
177
- display: none;
178
- }
179
- .smart-kanban .smart-kanban-column.collapsed {
180
- width: var(--smart-kanban-header-size);
181
- grid-template-rows: 1fr;
182
- }
183
- .smart-kanban .smart-kanban-column.collapsed > .smart-kanban-column-header {
184
- width: 100%;
185
- padding: var(--smart-data-view-padding) 0;
186
- writing-mode: vertical-lr;
187
- color: var(--smart-primary);
188
- direction: ltr;
189
- }
190
- .smart-kanban .smart-kanban-column.collapsed > .smart-kanban-column-content {
191
- display: none;
192
- }
193
- .smart-kanban .smart-kanban-column.collapsed.has-swimlane > .smart-kanban-column-header > .smart-kanban-column-header-label {
194
- margin-top: calc(2 * var(--smart-kanban-header-size) + var(--smart-data-view-padding));
195
- }
196
- .smart-kanban .smart-kanban-column.dragged .smart-kanban-column-header {
197
- background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
198
- background-size: 3em 3em;
199
- }
200
- .smart-kanban .smart-kanban-column.drop-target {
201
- position: relative;
202
- overflow: visible;
203
- }
204
- .smart-kanban .smart-kanban-column.drop-target.before:after {
205
- border-left: var(--smart-kanban-color-band-width) dashed var(--smart-primary);
206
- left: calc(-1 * var(--smart-kanban-color-band-width));
207
- margin-left: -3px;
208
- }
209
- .smart-kanban .smart-kanban-column.drop-target.after:after {
210
- border-right: var(--smart-kanban-color-band-width) dashed var(--smart-primary);
211
- margin-left: 3px;
212
- }
213
- .smart-kanban .smart-kanban-column[orientation=horizontal] > .smart-kanban-column-content > .smart-kanban-column-content-tasks > .smart-container > .smart-scroll-viewer-container > .smart-scroll-viewer-content-container {
214
- grid-template-columns: repeat(auto-fit, minmax(var(--smart-kanban-task-min-width), 1fr));
215
- grid-column-gap: var(--smart-data-view-padding);
216
- }
217
- .smart-kanban .smart-kanban-column[orientation=horizontal] > .smart-kanban-column-content > .smart-kanban-column-content-tasks .drop-target.before:after {
218
- border-left: var(--smart-kanban-color-band-width) dashed var(--smart-primary-color);
219
- left: calc(-1 * var(--smart-kanban-color-band-width));
220
- }
221
- .smart-kanban .smart-kanban-column[orientation=horizontal] > .smart-kanban-column-content > .smart-kanban-column-content-tasks .drop-target.after:after {
222
- border-right: 2px dashed var(--smart-primary);
223
- }
224
- .smart-kanban .smart-kanban-column[orientation=vertical] > .smart-kanban-column-content > .smart-kanban-column-content-tasks .drop-target.before:after {
225
- border-top: 2px dashed var(--smart-primary);
226
- }
227
- .smart-kanban .smart-kanban-column[orientation=vertical] > .smart-kanban-column-content > .smart-kanban-column-content-tasks .drop-target.after:after {
228
- border-bottom: 2px dashed var(--smart-primary);
229
- }
230
- .smart-kanban .smart-kanban-column.has-swimlane {
231
- grid-row-gap: calc(var(--smart-kanban-header-size) + 2 * var(--smart-data-view-padding));
232
- }
233
- .smart-kanban .smart-kanban-column-header:focus {
234
- outline: none;
235
- border-color: var(--smart-ui-state-border-active);
236
- }
237
- .smart-kanban .smart-kanban-column-header-label.pending .smart-kanban-column-header-input {
238
- position: absolute;
239
- top: -10%;
240
- left: 0;
241
- width: 100%;
242
- height: 120%;
243
- outline: none;
244
- font-size: calc(var(--smart-font-size) - 1px);
245
- visibility: visible;
246
- border: var(--smart-border-width) solid var(--smart-border);
247
- border-top-right-radius: var(--smart-border-top-right-radius);
248
- border-top-left-radius: var(--smart-border-top-left-radius);
249
- border-bottom-left-radius: var(--smart-border-bottom-left-radius);
250
- border-bottom-right-radius: var(--smart-border-bottom-right-radius);
251
- background-color: var(--smart-background);
252
- color: var(--smart-background-color);
253
- font-family: inherit;
254
- padding: 4px;
255
- }
256
- .smart-kanban .smart-kanban-column-header-label.pending .smart-kanban-column-header-input:hover {
257
- border-color: var(--smart-ui-state-border-hover);
258
- }
259
- .smart-kanban .smart-kanban-column-header-label.pending .smart-kanban-column-header-input:focus {
260
- border-color: var(--smart-primary);
261
- }
262
- .smart-kanban .smart-kanban-column-header-label.pending.colors .smart-kanban-column-header-input {
263
- width: calc(100% - 30px);
264
- }
265
- .smart-kanban .smart-kanban-column-header-label.pending.colors smart-color-input {
266
- position: absolute;
267
- right: 2px;
268
- visibility: visible;
269
- }
270
- .smart-kanban .smart-kanban-column-header-add:focus {
271
- outline: none;
272
- color: var(--smart-primary);
273
- }
274
- .smart-kanban .smart-kanban-column-content-tasks:focus {
275
- outline: none;
276
- }
277
- .smart-kanban .smart-kanban-column-content-tasks.empty {
278
- position: relative;
279
- }
280
- .smart-kanban .smart-kanban-column-content-tasks.empty:after {
281
- content: attr(empty);
282
- position: absolute;
283
- top: calc(50% - 11px);
284
- display: flex;
285
- align-items: center;
286
- align-content: center;
287
- justify-content: center;
288
- width: 100%;
289
- opacity: 0.5;
290
- font-size: 11px;
291
- }
292
- .smart-kanban .smart-kanban-column-content-tasks .smart-kanban-task[focus] {
293
- box-shadow: inset 0px 0px 1px 1px var(--smart-primary);
294
- }
295
- .smart-kanban .smart-kanban-column-content-tasks > .smart-container > .smart-scroll-viewer-container > .smart-scroll-viewer-content-container {
296
- display: grid;
297
- grid-row-gap: var(--smart-data-view-padding);
298
- padding: 0;
299
- }
300
- .smart-kanban .smart-kanban-column-content-columns {
301
- display: grid;
302
- grid-column-gap: var(--smart-data-view-padding);
303
- min-height: 0;
304
- }
305
- .smart-kanban .smart-kanban-column-content-columns.has-tabs {
306
- display: grid;
307
- grid-row-gap: var(--smart-data-view-padding);
308
- min-height: 0;
309
- grid-template-rows: var(--smart-kanban-header-size) 1fr;
310
- }
311
- .smart-kanban .smart-kanban-column-content-columns.has-tabs .smart-kanban-column {
312
- grid-template-rows: 1fr;
313
- }
314
- .smart-kanban .smart-kanban-task:hover .smart-kanban-task-edit {
315
- width: 16px;
316
- }
317
- .smart-kanban .smart-kanban-task:hover .smart-kanban-task-edit:after {
318
- content: var(--smart-icon-mode-edit);
319
- font-family: var(--smart-font-family-icon);
320
- }
321
- .smart-kanban .smart-kanban-task.dragged {
322
- background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
323
- background-size: 3em 3em;
324
- }
325
- .smart-kanban .smart-kanban-task[selected] {
326
- background-color: var(--smart-ui-state-selected);
327
- }
328
- .smart-kanban .smart-kanban-task-user:focus {
329
- outline: none;
330
- border: 1px solid var(--smart-primary);
331
- }
332
- .smart-kanban .smart-kanban-task-description:hover,
333
- .smart-kanban .smart-kanban-task-edit:hover,
334
- .smart-kanban .smart-kanban-task-actions:hover,
335
- .smart-kanban .smart-kanban-task-comments:hover {
336
- color: var(--smart-primary);
337
- }
338
- .smart-kanban .smart-kanban-task-description:focus,
339
- .smart-kanban .smart-kanban-task-edit:focus,
340
- .smart-kanban .smart-kanban-task-actions:focus,
341
- .smart-kanban .smart-kanban-task-comments:focus {
342
- outline: 1px solid var(--smart-primary);
343
- }
344
- .smart-kanban .smart-data-view-header {
345
- border: var(--smart-border-width) solid var(--smart-border);
346
- border-top-left-radius: var(--smart-border-top-left-radius);
347
- border-top-right-radius: var(--smart-border-top-right-radius);
348
- border-bottom-left-radius: var(--smart-border-bottom-left-radius);
349
- border-bottom-right-radius: var(--smart-border-bottom-right-radius);
350
- min-width: 0;
351
- height: var(--smart-kanban-header-size);
352
- }
353
- .smart-kanban .smart-kanban-add-new-column {
354
- cursor: pointer;
355
- }
356
- .smart-kanban .smart-kanban-add-new-column .smart-kanban-column-content {
357
- display: none;
358
- }
359
- .smart-kanban .smart-kanban-add-new-column-label {
360
- overflow: hidden;
361
- text-overflow: ellipsis;
362
- white-space: nowrap;
363
- font-size: calc(var(--smart-font-size) + 1px);
364
- font-weight: bold;
365
- display: flex;
366
- align-items: center;
367
- }
368
- .smart-kanban .swimlane {
369
- position: absolute;
370
- display: flex;
371
- align-items: center;
372
- justify-content: center;
373
- height: var(--smart-kanban-header-size);
374
- background-color: var(--smart-primary);
375
- color: var(--smart-primary-color);
376
- font-size: calc(var(--smart-font-size) + 2px);
377
- padding: var(--smart-data-view-padding);
378
- overflow: hidden;
379
- text-overflow: ellipsis;
380
- white-space: nowrap;
381
- border: var(--smart-border-width) solid var(--smart-border);
382
- border-top-left-radius: var(--smart-border-top-left-radius);
383
- border-top-right-radius: var(--smart-border-top-right-radius);
384
- border-bottom-left-radius: var(--smart-border-bottom-left-radius);
385
- border-bottom-right-radius: var(--smart-border-bottom-right-radius);
386
- min-width: 0;
387
- }
388
- .smart-kanban .smart-kanban-task-placeholder {
389
- transition: margin 0.2s ease-out;
390
- }
391
- .smart-kanban .drop-target:after {
392
- content: "";
393
- position: absolute;
394
- box-sizing: border-box;
395
- border: 2px dashed var(--smart-primary);
396
- width: 100%;
397
- height: 100%;
398
- left: 0;
399
- top: 0;
400
- pointer-events: none;
401
- opacity: 0.75;
402
- }
403
- .smart-kanban .drop-target.before:after, .smart-kanban .drop-target.after:after {
404
- border: none;
405
- }
406
- .smart-kanban .remove-button:focus {
407
- outline: 1px solid var(--smart-primary);
408
- }
409
- .smart-kanban:not([right-to-left]) .smart-kanban-column.collapsed > .smart-kanban-column-header > .smart-arrow {
410
- transform: rotate(180deg);
411
- }
412
- .smart-kanban[add-new-button] .smart-kanban-column[add-new-button] > .smart-kanban-column-header > .smart-kanban-column-header-add:after {
413
- content: var(--smart-icon-plus-circled);
414
- font-family: var(--smart-font-family-icon);
415
- padding: 0 10px 10px 0;
416
- }
417
- .smart-kanban[add-new-button] .smart-kanban-column[add-new-button] > .smart-kanban-column-header > .smart-kanban-column-header-add:hover {
418
- cursor: pointer;
419
- color: var(--smart-primary);
420
- }
421
- .smart-kanban[add-new-button] .smart-kanban-column[add-new-button]:not(.collapsed) > .smart-kanban-column-header[add-new-button] {
422
- grid-template-columns: auto 1fr auto auto;
423
- }
424
- .smart-kanban[add-new-button] .smart-kanban-column[add-new-button]:not(.collapsed) > .smart-kanban-column-header[add-new-button] > .smart-kanban-column-header-add {
425
- display: block;
426
- }
427
- .smart-kanban[add-new-button] .smart-kanban-add-new-button {
428
- width: 30px;
429
- height: 30px;
430
- border-radius: 50%;
431
- background: var(--smart-primary);
432
- color: var(--smart-primary-color);
433
- position: absolute;
434
- display: flex;
435
- justify-content: center;
436
- align-content: center;
437
- align-items: center;
438
- font-size: 24px;
439
- box-shadow: var(--smart-elevation-6);
440
- cursor: pointer;
441
- transition: transform 0.1s ease-out, box-shadow 0.2s ease-in-out;
442
- transform: scale(1);
443
- transition-delay: 0s;
444
- }
445
- .smart-kanban[add-new-button] .smart-kanban-add-new-button:hover {
446
- box-shadow: var(--smart-elevation-8);
447
- transform: scale(1.2);
448
- }
449
- .smart-kanban[add-new-button] .smart-kanban-add-new-button:after {
450
- content: var(--smart-icon-plus);
451
- font-family: var(--smart-font-family-icon);
452
- font-size: 14px;
453
- }
454
- .smart-kanban[add-new-button] .smart-kanban-add-new-button.show {
455
- opacity: 1;
456
- }
457
- .smart-kanban[column-actions] .smart-kanban-column:not(.collapsed) > .smart-kanban-column-header[settings] > .smart-kanban-column-header-settings-button {
458
- display: block;
459
- transition: transform 0.2s ease-in-out;
460
- margin-top: -1px;
461
- }
462
- .smart-kanban[column-actions] .smart-kanban-column:not(.collapsed) > .smart-kanban-column-header[settings] > .smart-kanban-column-header-settings-button:hover, .smart-kanban[column-actions] .smart-kanban-column:not(.collapsed) > .smart-kanban-column-header[settings] > .smart-kanban-column-header-settings-button[aria-expanded] {
463
- color: var(--smart-primary);
464
- }
465
- .smart-kanban[column-actions] .smart-kanban-column:not(.collapsed) > .smart-kanban-column-header[settings] > .smart-kanban-column-header-settings-button:after {
466
- margin-left: 5px;
467
- content: var(--smart-icon-menu);
468
- font-family: var(--smart-font-family-icon);
469
- }
470
- .smart-kanban[column-actions] .smart-kanban-column:not(.collapsed):not([add-new-button]) > .smart-kanban-column-header[settings] {
471
- grid-template-columns: 1fr auto auto auto;
472
- }
473
- .smart-kanban[collapsible] .smart-kanban-column[collapsible] > .smart-kanban-column-header {
474
- cursor: pointer;
475
- }
476
- .smart-kanban[collapsible] .smart-kanban-column[collapsible] > .smart-kanban-column-header:hover {
477
- background-color: var(--smart-ui-state-hover);
478
- color: var(--smart-ui-state-color-hover);
479
- }
480
- .smart-kanban[collapsible] .smart-kanban-column[collapsible] > .smart-kanban-column-header > .smart-arrow {
481
- display: block;
482
- transition: transform 0.2s ease-in-out;
483
- }
484
- .smart-kanban[collapsible] .smart-kanban-column[collapsible] > .smart-kanban-column-header > .smart-arrow:hover {
485
- color: var(--smart-primary);
486
- transform: scale(1.2);
487
- }
488
- .smart-kanban[task-position=leaf] .smart-kanban-column > .smart-kanban-column-content:not(.no-sub-columns) {
489
- grid-template-rows: 0 1fr;
490
- grid-row-gap: 0;
491
- }
492
- .smart-kanban[user-list] .smart-kanban-task-user:hover {
493
- border: none;
494
- box-shadow: 0px 0px 4px 1px var(--smart-primary);
495
- }
496
- .smart-kanban[header-position=top] .smart-data-view-header {
497
- margin-bottom: var(--smart-data-view-padding);
498
- }
499
- .smart-kanban[header-position=top] .smart-kanban-body {
500
- height: calc(100% - var(--smart-kanban-header-size) - var(--smart-data-view-padding));
501
- }
502
- .smart-kanban[header-position=bottom] .smart-data-view-header {
503
- margin-top: var(--smart-data-view-padding);
504
- }
505
- .smart-kanban[header-position=bottom] .smart-kanban-body {
506
- height: calc(100% - var(--smart-kanban-header-size) - var(--smart-data-view-padding));
507
- }
508
-
509
- .smart-data-view-header {
510
- height: var(--smart-kanban-header-size);
511
- }
512
-
513
- .smart-kanban-task {
514
- border: var(--smart-border-width) solid var(--smart-border);
515
- border-left: var(--smart-kanban-color-band-width) solid var(--smart-primary);
516
- border-top-right-radius: var(--smart-border-top-right-radius);
517
- border-bottom-right-radius: var(--smart-border-bottom-right-radius);
518
- width: 100%;
519
- min-width: 0;
520
- height: auto;
521
- min-height: var(--smart-kanban-task-min-height);
522
- display: grid;
523
- grid-template-columns: 100%;
524
- grid-template-rows: 1fr auto auto;
525
- padding: 5px;
526
- grid-row-gap: 5px;
527
- cursor: pointer;
528
- background-color: var(--smart-background);
529
- position: relative;
530
- margin-top: 0px;
531
- margin-bottom: 0px;
532
- }
533
- .smart-kanban-task .smart-kanban-task-cover-content {
534
- height: 100px;
535
- display: flex;
536
- overflow: hidden;
537
- }
538
- .smart-kanban-task .smart-kanban-task-cover-content img {
539
- max-width: 100%;
540
- max-height: 100%;
541
- }
542
- .smart-kanban-task .smart-kanban-task-custom-fields {
543
- display: grid;
544
- grid-template-columns: 1fr 1fr;
545
- }
546
- .smart-kanban-task .smart-kanban-task-custom-fields .smart-kanban-task-field {
547
- display: flex;
548
- flex-direction: column;
549
- padding: 5px;
550
- }
551
- .smart-kanban-task .smart-kanban-task-custom-fields .smart-kanban-task-field .smart-kanban-task-field-label {
552
- margin-bottom: calc(var(--smart-card-view-vertical-offset) / 3);
553
- text-transform: uppercase;
554
- font-size: calc(var(--smart-font-size) - 2px);
555
- opacity: 0.7;
556
- overflow: hidden;
557
- text-overflow: ellipsis;
558
- }
559
- .smart-kanban-task .smart-kanban-task-custom-fields .smart-kanban-task-field .smart-kanban-task-field-value {
560
- overflow: hidden;
561
- text-overflow: ellipsis;
562
- word-break: break-word;
563
- }
564
- .smart-kanban-task .smart-kanban-task-custom-fields .smart-kanban-task-field .smart-kanban-task-field-value img {
565
- border: 1px solid var(--smart-border);
566
- width: 25px;
567
- height: 25px;
568
- }
569
- .smart-kanban-task .smart-kanban-task-custom-fields .smart-kanban-task-field .smart-kanban-task-field-value img:hover {
570
- border: 2px solid var(--smart-primary);
571
- }
572
-
573
- .smart-kanban-task-input {
574
- height: 20px;
575
- opacity: 0.8;
576
- border: none !important;
577
- width: 100%;
578
- text-decoration: underline;
579
- background: transparent;
580
- cursor: pointer;
581
- font-size: calc(var(--smart-font-size) - 1px) !important;
582
- }
583
- .smart-kanban-task-input:active, .smart-kanban-task-input:focus {
584
- text-decoration: initial;
585
- cursor: initial;
586
- opacity: 1;
587
- }
588
-
589
- .smart-kanban-task-subtasks .smart-kanban-sub-task {
590
- display: grid;
591
- grid-column-gap: 5px;
592
- grid-template-columns: 16px 1fr 16px;
593
- font-size: calc(var(--smart-font-size) - 1px) !important;
594
- padding: 2px;
595
- }
596
- .smart-kanban-task-subtasks .smart-kanban-sub-task:before {
597
- content: var(--smart-icon-check-empty);
598
- font-family: var(--smart-font-family-icon);
599
- cursor: pointer;
600
- font-size: var(--smart-font-size) !important;
601
- }
602
- .smart-kanban-task-subtasks .smart-kanban-sub-task:hover .remove-subtask:after {
603
- content: var(--smart-icon-close);
604
- font-family: var(--smart-font-family-icon);
605
- cursor: pointer;
606
- }
607
- .smart-kanban-task-subtasks .smart-kanban-sub-task.selected {
608
- background: var(--smart-ui-state-selected);
609
- color: var(--smart-ui-state-color-selected);
610
- text-decoration: line-through;
611
- }
612
- .smart-kanban-task-subtasks .smart-kanban-sub-task.selected:before {
613
- content: var(--smart-icon-check-squared);
614
- }
615
- .smart-kanban-task-subtasks .smart-kanban-sub-task[selected] .label {
616
- text-decoration: line-through;
617
- }
618
-
619
- .smart-kanban-task-content {
620
- display: grid;
621
- grid-template-columns: 1fr auto;
622
- grid-column-gap: 5px;
623
- }
624
-
625
- .smart-kanban-task-text {
626
- padding: 5px;
627
- word-break: break-word;
628
- max-height: var(--smart-kanban-text-max-height);
629
- overflow: auto;
630
- }
631
- .smart-kanban-task-text:before, .smart-kanban-task-text:after {
632
- font-family: var(--smart-font-family-icon);
633
- }
634
- .smart-kanban-task-text:before {
635
- margin-right: 10px;
636
- }
637
- .smart-kanban-task-text:after {
638
- margin-left: 10px;
639
- }
640
-
641
- .smart-kanban-task-footer {
642
- display: grid;
643
- grid-template-columns: 1fr auto auto auto;
644
- align-items: center;
645
- grid-column-gap: 5px;
646
- }
647
-
648
- .smart-kanban-task-due {
649
- display: none;
650
- letter-spacing: 1px;
651
- overflow: hidden;
652
- text-overflow: ellipsis;
653
- white-space: nowrap;
654
- }
655
- .smart-kanban-task-due:not(:empty) {
656
- margin-top: calc(var(--smart-data-view-padding) / 2);
657
- }
658
- .smart-kanban-task-due.overdue {
659
- color: var(--smart-error);
660
- }
661
- .smart-kanban-task-due.overdue:after {
662
- font-family: var(--smart-font-family-icon);
663
- content: var(--smart-icon-attention-circled);
664
- }
665
-
666
- .smart-kanban-task-info {
667
- display: grid;
668
- grid-template-rows: auto auto;
669
- }
670
-
671
- .smart-kanban-task-checked {
672
- letter-spacing: 1px;
673
- }
674
-
675
- .smart-kanban-task-progress {
676
- background-color: var(--smart-primary);
677
- position: absolute;
678
- height: 20%;
679
- left: 0;
680
- }
681
- .smart-kanban-task-progress.bottom {
682
- bottom: 0;
683
- }
684
-
685
- .smart-kanban-task-progress-container {
686
- display: none;
687
- height: 20px;
688
- background-color: var(--smart-ui-state-selected);
689
- position: relative;
690
- align-items: center;
691
- justify-content: center;
692
- }
693
-
694
- .smart-kanban-task-user {
695
- display: none;
696
- }
697
- .smart-kanban-task-user.empty:after {
698
- content: var(--smart-icon-user);
699
- font-family: var(--smart-font-family-icon);
700
- width: 100%;
701
- height: 100%;
702
- display: flex;
703
- justify-content: center;
704
- align-items: center;
705
- font-size: var(--smart-kanban-user-icon-size);
706
- }
707
-
708
- .smart-kanban-task-tags {
709
- display: none;
710
- }
711
-
712
- .smart-kanban-task-tag {
713
- display: inline-block;
714
- background-color: rgba(var(--smart-primary-rgb), 0.15);
715
- color: var(--smart-background-color);
716
- margin-right: 4px;
717
- border-radius: 20px;
718
- font-size: 12px;
719
- font-weight: 500;
720
- padding: 2px 7px;
721
- }
722
-
723
- .smart-kanban-task-description:after {
724
- content: var(--smart-icon-align-left);
725
- font-family: var(--smart-font-family-icon);
726
- }
727
-
728
- .smart-kanban-task-actions {
729
- display: none;
730
- }
731
- .smart-kanban-task-actions:after {
732
- content: var(--smart-icon-settings);
733
- font-family: var(--smart-font-family-icon);
734
- }
735
-
736
- .smart-kanban-task-comments {
737
- display: none;
738
- }
739
- .smart-kanban-task-comments:after {
740
- content: var(--smart-icon-comment) " " attr(num);
741
- font-family: var(--smart-font-family-icon);
742
- white-space: nowrap;
743
- }
744
-
745
- .smart-kanban-feedback {
746
- position: absolute;
747
- color: var(--smart-background-color);
748
- font-family: var(--smart-font-family);
749
- font-size: var(--smart-font-size);
750
- cursor: move;
751
- opacity: 0.9;
752
- }
753
- .smart-kanban-feedback * {
754
- box-sizing: border-box;
755
- }
756
- .smart-kanban-feedback .smart-kanban-task {
757
- position: absolute;
758
- box-shadow: var(--smart-elevation-4);
759
- pointer-events: none;
760
- }
761
- .smart-kanban-feedback[column-drag] {
762
- box-shadow: var(--smart-elevation-4);
763
- border: none;
764
- height: auto;
765
- transform: scale(0.8);
766
- transform-origin: top left;
767
- }
768
- .smart-kanban-feedback[column-drag] .smart-kanban {
769
- border: none;
770
- overflow: visible;
771
- }
772
- .smart-kanban-feedback[column-drag] .smart-kanban-task {
773
- position: static;
774
- box-shadow: none;
775
- }
776
- .smart-kanban-feedback .smart-kanban-feedback-additional {
777
- position: absolute;
778
- box-shadow: var(--smart-elevation-4);
779
- pointer-events: none;
780
- top: -8px;
781
- left: 8px;
782
- border: var(--smart-border-width) solid var(--smart-border);
783
- background-color: var(--smart-background);
784
- }
785
- .smart-kanban-feedback .smart-kanban-feedback-additional.multiple {
786
- top: -16px;
787
- left: 16px;
788
- }
789
- .smart-kanban-feedback .smart-kanban-feedback-additional.multiple:before {
790
- position: absolute;
791
- box-shadow: var(--smart-elevation-4);
792
- pointer-events: none;
793
- content: "";
794
- width: 100%;
795
- height: 100%;
796
- border: var(--smart-border-width) solid var(--smart-border);
797
- background-color: var(--smart-background);
798
- bottom: -9px;
799
- left: -9px;
800
- }
801
- .smart-kanban-feedback .smart-kanban-feedback-additional + .smart-kanban-task::after {
802
- display: flex;
803
- justify-content: center;
804
- align-items: center;
805
- content: attr(num);
806
- position: absolute;
807
- width: 20px;
808
- height: 20px;
809
- background-color: var(--smart-primary);
810
- color: var(--smart-primary-color);
811
- right: -10px;
812
- top: -10px;
813
- border-radius: 50%;
814
- }
815
-
816
- [task-progress] .smart-kanban-task-progress-container {
817
- display: flex;
818
- }
819
-
820
- [task-user-icon] .smart-kanban-task-user {
821
- display: block;
822
- width: var(--smart-kanban-user-icon-size);
823
- height: var(--smart-kanban-user-icon-size);
824
- border: var(--smart-border-width) solid var(--smart-border);
825
- border-radius: 50%;
826
- background-color: var(--smart-surface);
827
- color: var(--smart-background-color);
828
- background-position: center;
829
- background-repeat: no-repeat;
830
- background-size: cover;
831
- }
832
-
833
- [task-tags] .smart-kanban-task-tags {
834
- display: flex;
835
- flex-direction: row;
836
- overflow: hidden;
837
- }
838
-
839
- [task-actions] .smart-kanban-task-actions,
840
- [task-comments] .smart-kanban-task-comments,
841
- [task-due] .smart-kanban-task-due {
842
- display: block;
843
- }
844
-
845
- [task-priority][editable] .smart-kanban-task-text:hover .priority {
846
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAQElEQVR4nGNgGAVUBEcZGBj+Q/FhBhqA/2h46FlwGMnwQ7SwYBQQBEdHkykhcHg0mQ44ODqaTAmBw6PJlIEWAACAfy0E9A956gAAAABJRU5ErkJggg==");
847
- }
848
- [task-priority] .smart-kanban-task-text {
849
- display: flex;
850
- align-items: baseline;
851
- }
852
- [task-priority] .smart-kanban-task-text .priority {
853
- font-family: var(--smart-font-family-icon);
854
- margin-left: 5px;
855
- display: inline-block;
856
- width: 16px;
857
- min-width: 16px;
858
- height: 16px;
859
- background-repeat: no-repeat;
860
- background-size: cover;
861
- }
862
- [task-priority] .smart-kanban-task-text .priority.low {
863
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232666BE'%3E%3Cpath d='M2.73804 7.00207C1.96611 5.66874 2.92823 4 4.46889 4H19.5311C21.0718 4 22.0339 5.66874 21.262 7.00207L13.7309 20.0103C12.9605 21.3409 11.0395 21.3409 10.2691 20.0103L2.73804 7.00207Z'/%3E%3C/svg%3E");
864
- }
865
- [task-priority] .smart-kanban-task-text .priority.average {
866
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23005C99'%3E%3Cpath d='M12 5.98999L19.53 19H4.47L12 5.98999ZM2.74 18C1.97 19.33 2.93 21 4.47 21H19.53C21.07 21 22.03 19.33 21.26 18L13.73 4.98999C12.96 3.65999 11.04 3.65999 10.27 4.98999L2.74 18Z'/%3E%3C/svg%3E");
867
- }
868
- [task-priority] .smart-kanban-task-text .priority.high {
869
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23DD5347'%3E%3Cpath d='M2.73804 17.9979C1.96611 19.3313 2.92823 21 4.46889 21H19.5311C21.0718 21 22.0339 19.3313 21.262 17.9979L13.7309 4.98965C12.9605 3.65908 11.0395 3.65908 10.2691 4.98965L2.73804 17.9979Z'/%3E%3C/svg%3E");
870
- }
871
- [task-priority] .smart-kanban-task-text .priority.critical {
872
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23AF0020'%3E%3Cpath d='M2.73804 17.9979C1.96611 19.3313 2.92823 21 4.46889 21H19.5311C21.0718 21 22.0339 19.3313 21.262 17.9979L13.7309 4.98965C12.9605 3.65908 11.0395 3.65908 10.2691 4.98965L2.73804 17.9979ZM13.5 17.5C13.5 18.3284 12.8284 19 12 19V19C11.1716 19 10.5 18.3284 10.5 17.5V17.5C10.5 16.6716 11.1716 16 12 16V16C12.8284 16 13.5 16.6716 13.5 17.5V17.5ZM13.5 13.5C13.5 14.3284 12.8284 15 12 15V15C11.1716 15 10.5 14.3284 10.5 13.5V9.5C10.5 8.67157 11.1716 8 12 8V8C12.8284 8 13.5 8.67157 13.5 9.5V13.5Z'/%3E%3C/svg%3E");
873
- }
874
-
875
- .smart-kanban-tab-strip {
876
- height: 35px;
877
- background: inherit;
878
- margin-bottom: 10px;
879
- display: flex;
880
- border-bottom: 1px solid var(--smart-border);
881
- }
882
- .smart-kanban-tab-strip .smart-kanban-tab {
883
- padding: 8px 22px;
884
- cursor: pointer;
885
- text-transform: uppercase;
886
- }
887
- .smart-kanban-tab-strip .smart-kanban-tab.selected {
888
- color: var(--smart-primary);
889
- border-bottom: 2px solid var(--smart-primary);
890
- }
891
- .smart-kanban-tab-strip .smart-kanban-tab[focus] {
892
- color: var(--smart-primary);
893
- outline: none;
894
- }
895
-
896
- .smart-window.smart-kanban-window {
897
- max-height: 800px;
898
- width: auto !important;
899
- max-width: 700px;
900
- min-width: 700px !important;
901
- }
902
- .smart-window.smart-kanban-window[readonly] .remove-subtask {
903
- display: none;
904
- }
905
- .smart-window.smart-kanban-window[readonly] .new-subtask {
906
- display: none;
907
- }
908
- .smart-window.smart-kanban-window[readonly] .smart-footer,
909
- .smart-window.smart-kanban-window[readonly] .smart-button.add,
910
- .smart-window.smart-kanban-window[readonly] .smart-button.delete {
911
- display: none !important;
912
- }
913
- .smart-window.smart-kanban-window[readonly] .smart-date-time-picker[calendar-button] .smart-drop-down-button.smart-calendar-button {
914
- border: none;
915
- }
916
- .smart-window.smart-kanban-window[readonly] .smart-multi-combo-input .smart-drop-down-button,
917
- .smart-window.smart-kanban-window[readonly] .smart-multi-combo-input .smart-drop-down-list-unselect-button {
918
- display: none;
919
- }
920
- .smart-window.smart-kanban-window[readonly] smart-numeric-text-box input {
921
- border: none;
922
- }
923
- .smart-window.smart-kanban-window[readonly] .smart-numeric-text-box .smart-numeric-text-box-unit-display {
924
- border: none;
925
- }
926
- .smart-window.smart-kanban-window[readonly] smart-color-input {
927
- pointer-events: none;
928
- opacity: 0.7;
929
- }
930
- .smart-window.smart-kanban-window[readonly] .smart-kanban-tab-content.details textarea,
931
- .smart-window.smart-kanban-window[readonly] input,
932
- .smart-window.smart-kanban-window[readonly] smart-input,
933
- .smart-window.smart-kanban-window[readonly] smart-multi-combo-input,
934
- .smart-window.smart-kanban-window[readonly] smart-numeric-text-box,
935
- .smart-window.smart-kanban-window[readonly] smart-date-time-picker {
936
- opacity: 0.7;
937
- --smart-surface: var(--smart-background);
938
- --smart-surface-color: var(--smart-background);
939
- border: none !important;
940
- border-bottom: 1px solid var(--smart-border) !important;
941
- pointer-events: none;
942
- }
943
- .smart-window.smart-kanban-window .details .layout {
944
- display: grid;
945
- grid-template-columns: 1fr 1fr;
946
- grid-column-gap: 30px;
947
- }
948
- .smart-window.smart-kanban-window .details .layout.single-column {
949
- grid-template-columns: 1fr;
950
- }
951
- .smart-window.smart-kanban-window .details .layout .description-editor {
952
- height: 91px;
953
- }
954
- .smart-window.smart-kanban-window .details .layout .tags-editor {
955
- margin-top: 2px;
956
- }
957
- .smart-window.smart-kanban-window .details .layout .text-editor {
958
- height: 32px;
959
- }
960
- .smart-window.smart-kanban-window .smart-kanban-task-user {
961
- display: block;
962
- width: var(--smart-kanban-user-icon-size);
963
- height: var(--smart-kanban-user-icon-size);
964
- border: var(--smart-border-width) solid var(--smart-border);
965
- border-radius: 50%;
966
- background-color: var(--smart-surface);
967
- color: var(--smart-background-color);
968
- background-position: center;
969
- background-repeat: no-repeat;
970
- background-size: cover;
971
- }
972
- .smart-window.smart-kanban-window .fields .smart-kanban-task-field-editor {
973
- width: 100%;
974
- }
975
- .smart-window.smart-kanban-window .fields .editor-label {
976
- display: flex;
977
- justify-content: space-between;
978
- }
979
- .smart-window.smart-kanban-window .fields .editor-label .icon {
980
- width: 16px;
981
- height: 16px;
982
- display: inline-block;
983
- }
984
- .smart-window.smart-kanban-window .fields .editor-label .icon::before {
985
- content: var(--smart-icon-visibility);
986
- font-family: var(--smart-font-family-icon);
987
- cursor: pointer;
988
- }
989
- .smart-window.smart-kanban-window .fields .editor-label .icon.hide::before {
990
- content: var(--smart-icon-visibility-off);
991
- }
992
- .smart-window.smart-kanban-window .history-table {
993
- display: block !important;
994
- max-height: 400px;
995
- overflow: auto;
996
- }
997
- .smart-window.smart-kanban-window .history-table table {
998
- border-collapse: collapse;
999
- width: 100%;
1000
- }
1001
- .smart-window.smart-kanban-window .history-table table .smart-kanban-task-user-history {
1002
- display: flex;
1003
- align-items: center;
1004
- }
1005
- .smart-window.smart-kanban-window .history-table table .smart-kanban-task-user-history .name {
1006
- margin-left: 5px;
1007
- }
1008
- .smart-window.smart-kanban-window .history-table table td,
1009
- .smart-window.smart-kanban-window .history-table table th {
1010
- border: 1px solid var(--smart-border);
1011
- padding: 8px;
1012
- }
1013
- .smart-window.smart-kanban-window .history-table table tr:nth-child(even) {
1014
- background-color: var(--smart-surface);
1015
- color: var(--smart-surface-color);
1016
- }
1017
- .smart-window.smart-kanban-window .history-table table tr:hover {
1018
- background-color: var(--smart-ui-state-hover);
1019
- color: var(--smart-ui-state-color-hover);
1020
- }
1021
- .smart-window.smart-kanban-window .history-table table th {
1022
- padding-top: 12px;
1023
- padding-bottom: 12px;
1024
- text-align: left;
1025
- background-color: var(--smart-info);
1026
- color: var(--smart-info-color);
1027
- }
1028
- .smart-window.smart-kanban-window .comments {
1029
- margin: 0 auto;
1030
- }
1031
- .smart-window.smart-kanban-window .comments .smart-comment {
1032
- display: grid;
1033
- grid-template-columns: var(--smart-kanban-user-icon-size) 1fr;
1034
- grid-column-gap: var(--smart-data-view-padding);
1035
- margin: var(--smart-data-view-padding);
1036
- }
1037
- .smart-window.smart-kanban-window .comments .smart-comment .comment-header {
1038
- display: grid;
1039
- grid-template-columns: 1fr auto auto;
1040
- grid-column-gap: calc(var(--smart-data-view-padding) / 2);
1041
- margin-bottom: var(--smart-data-view-padding);
1042
- }
1043
- .smart-window.smart-kanban-window .comments .smart-comment .user-icon {
1044
- width: 100%;
1045
- height: var(--smart-kanban-user-icon-size);
1046
- border-radius: 50%;
1047
- background-size: cover;
1048
- background-position: center;
1049
- }
1050
- .smart-window.smart-kanban-window .comments .smart-comment .user-icon.empty {
1051
- background: var(--smart-surface);
1052
- display: flex;
1053
- align-items: center;
1054
- justify-content: center;
1055
- border-radius: 50%;
1056
- border: 1px solid var(--smart-border);
1057
- }
1058
- .smart-window.smart-kanban-window .comments .smart-comment .user-icon.empty:after {
1059
- content: var(--smart-icon-user);
1060
- font-family: var(--smart-font-family-icon);
1061
- font-size: 20px;
1062
- }
1063
- .smart-window.smart-kanban-window .comments .smart-comment .user-name {
1064
- font-weight: bold;
1065
- }
1066
- .smart-window.smart-kanban-window .comments .smart-comment .time {
1067
- opacity: 0.8;
1068
- }
1069
- .smart-window.smart-kanban-window .comments .smart-comment .remove-button {
1070
- visibility: hidden;
1071
- transform: rotate(90deg);
1072
- width: 16px;
1073
- cursor: pointer;
1074
- }
1075
- .smart-window.smart-kanban-window .comments .smart-comment .remove-button:after {
1076
- content: var(--smart-icon-close);
1077
- display: flex;
1078
- align-items: center;
1079
- justify-content: center;
1080
- height: 100%;
1081
- font-family: var(--smart-font-family-icon);
1082
- cursor: pointer;
1083
- }
1084
- .smart-window.smart-kanban-window .comments .smart-comment .remove-button.enabled {
1085
- visibility: visible;
1086
- }
1087
- .smart-window.smart-kanban-window .comments .smart-kanban-list.comments {
1088
- width: var(--smart-kanban-comments-list-width);
1089
- height: var(--smart-kanban-comments-list-height);
1090
- max-height: 100%;
1091
- }
1092
- .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-comments {
1093
- height: calc(100% - var(--smart-kanban-new-comment-height));
1094
- overflow: auto;
1095
- }
1096
- .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment {
1097
- border-top: var(--smart-border-width) solid var(--smart-border);
1098
- height: var(--smart-kanban-new-comment-height);
1099
- padding: var(--smart-data-view-padding);
1100
- overflow: hidden;
1101
- }
1102
- .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment textarea {
1103
- resize: none;
1104
- width: 100%;
1105
- height: 100%;
1106
- border: var(--smart-border-width) solid var(--smart-border);
1107
- border-top-right-radius: var(--smart-border-top-right-radius);
1108
- border-top-left-radius: var(--smart-border-top-left-radius);
1109
- border-bottom-left-radius: var(--smart-border-bottom-left-radius);
1110
- border-bottom-right-radius: var(--smart-border-bottom-right-radius);
1111
- background-color: var(--smart-background);
1112
- color: var(--smart-background-color);
1113
- font-family: inherit;
1114
- font-size: inherit;
1115
- }
1116
- .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment textarea:focus {
1117
- outline: none;
1118
- border-color: var(--smart-outline);
1119
- }
1120
- .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment textarea:hover {
1121
- border-color: var(--smart-ui-state-border-hover);
1122
- }
1123
- .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment textarea[disabled] {
1124
- opacity: 0.5;
1125
- }
1126
- .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment smart-button {
1127
- --smart-button-padding: 0;
1128
- display: none;
1129
- margin-left: auto;
1130
- height: var(--smart-kanban-send-button-height);
1131
- }
1132
- .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment smart-button[disabled] {
1133
- pointer-events: unset;
1134
- cursor: not-allowed;
1135
- }
1136
- .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-comments {
1137
- height: calc(100% - var(--smart-kanban-new-comment-height-expanded));
1138
- }
1139
- .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment {
1140
- height: var(--smart-kanban-new-comment-height-expanded);
1141
- }
1142
- .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment textarea {
1143
- margin-bottom: var(--smart-data-view-padding);
1144
- height: calc(100% - var(--smart-data-view-padding) - var(--smart-kanban-send-button-height));
1145
- display: block;
1146
- }
1147
- .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment smart-button {
1148
- display: block;
1149
- }
1150
- .smart-window.smart-kanban-window .prompt,
1151
- .smart-window.smart-kanban-window .edit {
1152
- display: none;
1153
- }
1154
- .smart-window.smart-kanban-window.prompt {
1155
- --smart-window-default-width: 250px;
1156
- --smart-window-default-height: 150px;
1157
- min-width: 100px;
1158
- min-height: 100px;
1159
- }
1160
- .smart-window.smart-kanban-window.prompt .prompt {
1161
- display: block;
1162
- width: 100%;
1163
- height: 100%;
1164
- padding: 20px;
1165
- }
1166
- .smart-window.smart-kanban-window.prompt .task-text {
1167
- display: inline-block;
1168
- max-width: 100px;
1169
- overflow: hidden;
1170
- text-overflow: ellipsis;
1171
- white-space: nowrap;
1172
- font-weight: bold;
1173
- }
1174
- .smart-window.smart-kanban-window.edit {
1175
- --smart-numeric-text-box-default-unit-display-width: 20px;
1176
- }
1177
- .smart-window.smart-kanban-window.edit .edit {
1178
- display: block;
1179
- width: 100%;
1180
- height: 100%;
1181
- }
1182
- .smart-window.smart-kanban-window .editor-label {
1183
- margin-bottom: calc(var(--smart-data-view-padding) / 2);
1184
- text-transform: uppercase;
1185
- }
1186
- .smart-window.smart-kanban-window .editor-container {
1187
- display: grid;
1188
- grid-template-columns: 1fr 1fr;
1189
- grid-template-rows: auto auto;
1190
- grid-column-gap: var(--smart-data-view-padding);
1191
- }
1192
- .smart-window.smart-kanban-window .editor-container.single-column {
1193
- grid-template-columns: 1fr;
1194
- }
1195
- .smart-window.smart-kanban-window .editor {
1196
- width: 100%;
1197
- margin-bottom: var(--smart-data-view-padding);
1198
- }
1199
- .smart-window.smart-kanban-window .description-editor {
1200
- min-height: 75px;
1201
- resize: none;
1202
- border: var(--smart-border-width) solid var(--smart-border);
1203
- border-top-right-radius: var(--smart-border-top-right-radius);
1204
- border-top-left-radius: var(--smart-border-top-left-radius);
1205
- border-bottom-left-radius: var(--smart-border-bottom-left-radius);
1206
- border-bottom-right-radius: var(--smart-border-bottom-right-radius);
1207
- background-color: var(--smart-background);
1208
- color: var(--smart-background-color);
1209
- font-family: inherit;
1210
- font-size: inherit;
1211
- }
1212
- .smart-window.smart-kanban-window .description-editor:hover {
1213
- border-color: var(--smart-ui-state-border-hover);
1214
- }
1215
- .smart-window.smart-kanban-window .description-editor:focus {
1216
- outline: none;
1217
- border-color: var(--smart-primary);
1218
- }
1219
- .smart-window.smart-kanban-window .new-container {
1220
- display: grid;
1221
- grid-template-columns: 1fr var(--smart-text-box-default-height);
1222
- grid-column-gap: var(--smart-data-view-padding);
1223
- height: var(--smart-text-box-default-height);
1224
- }
1225
- .smart-window.smart-kanban-window .new-container > smart-button {
1226
- width: unset;
1227
- height: unset;
1228
- --smart-button-padding: 0;
1229
- }
1230
- .smart-window.smart-kanban-window .color-editor {
1231
- width: 60px;
1232
- }
1233
- .smart-window.smart-kanban-window .checklist-editor {
1234
- border: none;
1235
- height: auto;
1236
- }
1237
- .smart-window.smart-kanban-window .checklist-editor smart-list-item .smart-overlay,
1238
- .smart-window.smart-kanban-window .checklist-editor smart-list-item[focus][selected] .smart-overlay {
1239
- background-color: transparent;
1240
- }
1241
- .smart-window.smart-kanban-window .checklist-editor smart-list-item .smart-list-item-container,
1242
- .smart-window.smart-kanban-window .checklist-editor smart-list-item[focus][selected] .smart-list-item-container {
1243
- border-color: transparent;
1244
- }
1245
- .smart-window.smart-kanban-window .checklist-editor .smart-kanban-sub-task {
1246
- display: grid;
1247
- grid-column-gap: 5px;
1248
- grid-template-columns: auto auto;
1249
- }
1250
- .smart-window.smart-kanban-window .checklist-editor smart-list-item[selected] .label {
1251
- text-decoration: line-through;
1252
- }
1253
- .smart-window.smart-kanban-window .checklist-editor .remove-subtask:after {
1254
- content: var(--smart-icon-close);
1255
- font-family: var(--smart-font-family-icon);
1256
- cursor: pointer;
1257
- }
1258
- .smart-window.smart-kanban-window .new-subtask {
1259
- border: var(--smart-border-width) solid var(--smart-border);
1260
- border-top-right-radius: var(--smart-border-top-right-radius);
1261
- border-top-left-radius: var(--smart-border-top-left-radius);
1262
- border-bottom-left-radius: var(--smart-border-bottom-left-radius);
1263
- border-bottom-right-radius: var(--smart-border-bottom-right-radius);
1264
- background-color: var(--smart-background);
1265
- color: var(--smart-background-color);
1266
- font-family: inherit;
1267
- font-size: inherit;
1268
- }
1269
- .smart-window.smart-kanban-window .new-subtask:hover {
1270
- border-color: var(--smart-ui-state-border-hover);
1271
- }
1272
- .smart-window.smart-kanban-window .new-subtask:focus {
1273
- outline: none;
1274
- border-color: var(--smart-outline);
1275
- }
1276
- .smart-window.smart-kanban-window .smart-content-container > .smart-footer {
1277
- display: flex;
1278
- align-items: center;
1279
- }
1280
- .smart-window.smart-kanban-window .smart-footer smart-button {
1281
- width: auto;
1282
- min-width: 150px;
1283
- margin-right: 10px;
1284
- height: 100%;
1285
- }
1286
-
1287
- @media only screen and (max-width: 600px) {
1288
- .smart-window.smart-kanban-window {
1289
- min-width: 300px !important;
1290
- }
1291
- .smart-window.smart-kanban-window .details .layout {
1292
- grid-template-columns: 1fr;
1293
- }
1294
- }
1295
- /* --- Scheduler Style Color Input --- */
1296
- .smart-color-input-drop-down-menu.smart-kanban-color-input .grid-samples-container {
1297
- grid-template-columns: repeat(2, minmax(0, 1fr));
1298
- }
1299
- .smart-color-input-drop-down-menu.smart-kanban-color-input:not([animation=none]) .default-samples-container div {
1300
- transition: transform 0.2s ease-in-out;
1301
- }
1302
- .smart-color-input-drop-down-menu.smart-kanban-color-input .default-samples-container div {
1303
- position: relative;
1304
- border-radius: 50%;
1305
- border: initial;
1306
- transform: scale(0.95);
1307
- }
1308
- .smart-color-input-drop-down-menu.smart-kanban-color-input .default-samples-container div.selected {
1309
- transform: scale(1);
1310
- }
1311
- .smart-color-input-drop-down-menu.smart-kanban-color-input .default-samples-container div.selected:not(.no-color):after {
1312
- content: var(--smart-icon-check);
1313
- width: 100%;
1314
- height: 100%;
1315
- position: absolute;
1316
- top: 0;
1317
- left: 0;
1318
- display: flex;
1319
- justify-content: center;
1320
- align-items: center;
1321
- font-family: var(--smart-font-family-icon);
1322
- color: var(--smart-secondary-color);
1323
- border-radius: inherit;
1324
- }
1325
-
1326
- .smart-kanban-color-input {
1327
- --smart-input-drop-down-menu-width: auto;
1328
- }
1329
-
1330
- .smart-kanban-color-input.smart-color-picker {
1331
- background: transparent !important;
1332
- }
1333
- .smart-kanban-color-input .smart-action-button {
1334
- width: 100%;
1335
- background: transparent !important;
1336
- border: none !important;
1337
- }
1338
- .smart-kanban-color-input .smart-action-button .smart-color-box {
1339
- border-radius: 50%;
1340
- }
1341
- .smart-kanban-color-input .smart-drop-down-button {
1342
- display: none;
1343
- }
1344
-
1345
- .smart-kanban-list.dialog {
1346
- position: absolute;
1347
- border: var(--smart-border-width) solid var(--smart-border);
1348
- border-top-left-radius: var(--smart-border-top-left-radius);
1349
- border-top-right-radius: var(--smart-border-top-right-radius);
1350
- border-bottom-left-radius: var(--smart-border-bottom-left-radius);
1351
- border-bottom-right-radius: var(--smart-border-bottom-right-radius);
1352
- width: var(--smart-kanban-user-list-width);
1353
- max-height: var(--smart-kanban-user-list-max-height);
1354
- background-color: var(--smart-background);
1355
- box-shadow: var(--smart-elevation-8);
1356
- overflow: auto;
1357
- transform: scaleY(1);
1358
- transform-origin: top;
1359
- opacity: 1;
1360
- z-index: 15;
1361
- }
1362
- .smart-kanban-list.dialog.comments .smart-kanban-comments,
1363
- .smart-kanban-list.dialog.comments .smart-kanban-new-comment,
1364
- .smart-kanban-list.dialog.comments .smart-kanban-new-comment textarea {
1365
- transition: height 0.2s ease-in;
1366
- }
1367
- .smart-kanban-list.dialog:focus {
1368
- outline: 1px solid var(--smart-primary);
1369
- }
1370
- .smart-kanban-list.dialog .item {
1371
- display: flex;
1372
- align-items: center;
1373
- min-height: calc(var(--smart-kanban-user-icon-size) + 10px);
1374
- padding: 5px 10px;
1375
- cursor: pointer;
1376
- }
1377
- .smart-kanban-list.dialog .item:hover {
1378
- background-color: var(--smart-ui-state-hover);
1379
- color: var(--smart-ui-state-color-hover);
1380
- }
1381
- .smart-kanban-list.dialog .item.selected {
1382
- border-left: var(--smart-kanban-color-band-width) solid var(--smart-primary);
1383
- padding-left: 7px;
1384
- background-color: var(--smart-ui-state-selected);
1385
- color: var(--smart-ui-state-color-selected);
1386
- }
1387
- .smart-kanban-list.dialog .item[disabled] {
1388
- opacity: 0.55;
1389
- pointer-events: none;
1390
- }
1391
- .smart-kanban-list.dialog .icon {
1392
- margin-right: 10px;
1393
- border-radius: 50%;
1394
- width: var(--smart-kanban-user-icon-size);
1395
- min-width: var(--smart-kanban-user-icon-size);
1396
- height: var(--smart-kanban-user-icon-size);
1397
- background-size: cover;
1398
- background-position: center;
1399
- }
1400
- .smart-kanban-list.dialog .name {
1401
- overflow: hidden;
1402
- text-overflow: ellipsis;
1403
- }
1404
- .smart-kanban-list.dialog.smart-visibility-hidden {
1405
- transform: scaleY(0);
1406
- opacity: 0;
1407
- }
1408
- .smart-kanban-list.dialog.actions.edit-comment .item[data-id="1"] {
1409
- display: none;
1410
- }
1411
- .smart-kanban-list.dialog.comments {
1412
- width: var(--smart-kanban-comments-list-width);
1413
- height: var(--smart-kanban-comments-list-height);
1414
- max-height: 100%;
1415
- }
1416
- .smart-kanban-list.dialog.comments .smart-kanban-comments {
1417
- height: calc(100% - var(--smart-kanban-new-comment-height));
1418
- overflow: auto;
1419
- }
1420
- .smart-kanban-list.dialog.comments .smart-kanban-new-comment {
1421
- border-top: var(--smart-border-width) solid var(--smart-border);
1422
- height: var(--smart-kanban-new-comment-height);
1423
- padding: var(--smart-data-view-padding);
1424
- overflow: hidden;
1425
- }
1426
- .smart-kanban-list.dialog.comments .smart-kanban-new-comment textarea {
1427
- resize: none;
1428
- width: 100%;
1429
- height: 100%;
1430
- border: var(--smart-border-width) solid var(--smart-border);
1431
- border-top-right-radius: var(--smart-border-top-right-radius);
1432
- border-top-left-radius: var(--smart-border-top-left-radius);
1433
- border-bottom-left-radius: var(--smart-border-bottom-left-radius);
1434
- border-bottom-right-radius: var(--smart-border-bottom-right-radius);
1435
- background-color: var(--smart-background);
1436
- color: var(--smart-background-color);
1437
- font-family: inherit;
1438
- font-size: inherit;
1439
- }
1440
- .smart-kanban-list.dialog.comments .smart-kanban-new-comment textarea:focus {
1441
- outline: none;
1442
- border-color: var(--smart-outline);
1443
- }
1444
- .smart-kanban-list.dialog.comments .smart-kanban-new-comment textarea:hover {
1445
- border-color: var(--smart-ui-state-border-hover);
1446
- }
1447
- .smart-kanban-list.dialog.comments .smart-kanban-new-comment textarea[disabled] {
1448
- opacity: 0.5;
1449
- }
1450
- .smart-kanban-list.dialog.comments .smart-kanban-new-comment smart-button {
1451
- --smart-button-padding: 0;
1452
- display: none;
1453
- margin-left: auto;
1454
- height: var(--smart-kanban-send-button-height);
1455
- }
1456
- .smart-kanban-list.dialog.comments .smart-kanban-new-comment smart-button[disabled] {
1457
- pointer-events: unset;
1458
- cursor: not-allowed;
1459
- }
1460
- .smart-kanban-list.dialog.comments.expanded .smart-kanban-comments {
1461
- height: calc(100% - var(--smart-kanban-new-comment-height-expanded));
1462
- }
1463
- .smart-kanban-list.dialog.comments.expanded .smart-kanban-new-comment {
1464
- height: var(--smart-kanban-new-comment-height-expanded);
1465
- }
1466
- .smart-kanban-list.dialog.comments.expanded .smart-kanban-new-comment textarea {
1467
- margin-bottom: var(--smart-data-view-padding);
1468
- height: calc(100% - var(--smart-data-view-padding) - var(--smart-kanban-send-button-height));
1469
- display: block;
1470
- }
1471
- .smart-kanban-list.dialog.comments.expanded .smart-kanban-new-comment smart-button {
1472
- display: block;
1473
- }
1474
-
1475
- .smart-comment {
1476
- display: grid;
1477
- grid-template-columns: var(--smart-kanban-user-icon-size) 1fr;
1478
- grid-column-gap: var(--smart-data-view-padding);
1479
- margin: var(--smart-data-view-padding);
1480
- }
1481
- .smart-comment .comment-header {
1482
- display: grid;
1483
- grid-template-columns: 1fr auto auto;
1484
- grid-column-gap: calc(var(--smart-data-view-padding) / 2);
1485
- margin-bottom: var(--smart-data-view-padding);
1486
- }
1487
- .smart-comment .user-icon {
1488
- width: 100%;
1489
- height: var(--smart-kanban-user-icon-size);
1490
- border-radius: 50%;
1491
- background-size: cover;
1492
- background-position: center;
1493
- }
1494
- .smart-comment .user-icon.empty {
1495
- background: var(--smart-surface);
1496
- display: flex;
1497
- align-items: center;
1498
- justify-content: center;
1499
- border-radius: 50%;
1500
- border: 1px solid var(--smart-border);
1501
- }
1502
- .smart-comment .user-icon.empty:after {
1503
- content: var(--smart-icon-user);
1504
- font-family: var(--smart-font-family-icon);
1505
- font-size: 20px;
1506
- }
1507
- .smart-comment .user-name {
1508
- font-weight: bold;
1509
- }
1510
- .smart-comment .time {
1511
- opacity: 0.8;
1512
- }
1513
- .smart-comment .remove-button {
1514
- visibility: hidden;
1515
- transform: rotate(90deg);
1516
- width: 16px;
1517
- cursor: pointer;
1518
- }
1519
- .smart-comment .remove-button:after {
1520
- content: var(--smart-icon-ellipsis);
1521
- display: flex;
1522
- align-items: center;
1523
- justify-content: center;
1524
- height: 100%;
1525
- font-family: var(--smart-font-family-icon);
1526
- cursor: pointer;
1527
- }
1528
- .smart-comment .remove-button.enabled {
1529
- visibility: visible;
1530
- }
1531
-
1532
- .smart-kanban-task-text {
1533
- display: flex;
1534
- align-items: center;
1535
- }
1536
- .smart-kanban-task-text .priority {
1537
- font-family: var(--smart-font-family-icon);
1538
- margin-left: 5px;
1539
- display: inline-block;
1540
- width: 16px;
1541
- height: 16px;
1542
- }
1543
- .smart-kanban-task-text .priority.low {
1544
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232666BE'%3E%3Cpath d='M2.73804 7.00207C1.96611 5.66874 2.92823 4 4.46889 4H19.5311C21.0718 4 22.0339 5.66874 21.262 7.00207L13.7309 20.0103C12.9605 21.3409 11.0395 21.3409 10.2691 20.0103L2.73804 7.00207Z'/%3E%3C/svg%3E");
1545
- }
1546
- .smart-kanban-task-text .priority.average {
1547
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23005C99'%3E%3Cpath d='M12 5.98999L19.53 19H4.47L12 5.98999ZM2.74 18C1.97 19.33 2.93 21 4.47 21H19.53C21.07 21 22.03 19.33 21.26 18L13.73 4.98999C12.96 3.65999 11.04 3.65999 10.27 4.98999L2.74 18Z'/%3E%3C/svg%3E");
1548
- }
1549
- .smart-kanban-task-text .priority.high {
1550
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23DD5347'%3E%3Cpath d='M2.73804 17.9979C1.96611 19.3313 2.92823 21 4.46889 21H19.5311C21.0718 21 22.0339 19.3313 21.262 17.9979L13.7309 4.98965C12.9605 3.65908 11.0395 3.65908 10.2691 4.98965L2.73804 17.9979Z'/%3E%3C/svg%3E");
1551
- }
1552
- .smart-kanban-task-text .priority.critical {
1553
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23AF0020'%3E%3Cpath d='M2.73804 17.9979C1.96611 19.3313 2.92823 21 4.46889 21H19.5311C21.0718 21 22.0339 19.3313 21.262 17.9979L13.7309 4.98965C12.9605 3.65908 11.0395 3.65908 10.2691 4.98965L2.73804 17.9979ZM13.5 17.5C13.5 18.3284 12.8284 19 12 19V19C11.1716 19 10.5 18.3284 10.5 17.5V17.5C10.5 16.6716 11.1716 16 12 16V16C12.8284 16 13.5 16.6716 13.5 17.5V17.5ZM13.5 13.5C13.5 14.3284 12.8284 15 12 15V15C11.1716 15 10.5 14.3284 10.5 13.5V9.5C10.5 8.67157 11.1716 8 12 8V8C12.8284 8 13.5 8.67157 13.5 9.5V13.5Z'/%3E%3C/svg%3E");
1554
- }
1555
-
1556
- .smart-kanban[right-to-left] .smart-kanban-body,
1557
- .smart-kanban[right-to-left] .smart-kanban-column-header-label,
1558
- .smart-kanban[right-to-left] .swimlane {
1559
- direction: rtl;
1560
- }
1561
- .smart-kanban[right-to-left] .smart-kanban-column.collapsed > .smart-kanban-column-header > .smart-kanban-column-header-label {
1562
- margin-bottom: auto;
1563
- }
1564
- .smart-kanban[right-to-left] .smart-kanban-column:not(.collapsed) .smart-kanban-column-header .smart-arrow {
1565
- transform: rotate(180deg);
1566
- }
1567
- .smart-kanban[right-to-left] .smart-kanban-list {
1568
- direction: rtl;
1569
- }
1570
- .smart-kanban[right-to-left] .smart-kanban-list .icon {
1571
- margin-left: 10px;
1572
- margin-right: unset;
1573
- }
1574
- .smart-kanban[right-to-left] .smart-kanban-list .item.selected {
1575
- border-left: unset;
1576
- border-right: var(--smart-kanban-color-band-width) solid var(--smart-primary);
1577
- padding-left: 10px;
1578
- padding-right: 7px;
1579
- }
1580
- .smart-kanban[right-to-left][add-new-button] .smart-kanban-column[add-new-button] > .smart-kanban-column-header > .smart-kanban-column-header-add::after {
1581
- padding: 0 0 10px 10px;
1582
- }
1583
-
1584
- .smart-kanban-feedback[right-to-left] .smart-kanban-task {
1585
- direction: rtl;
1586
- }
1587
-
1588
- [right-to-left] .smart-kanban-task {
1589
- border-left: var(--smart-border-width) solid var(--smart-border);
1590
- border-right: var(--smart-kanban-color-band-width) solid var(--smart-primary);
1591
- border-top-left-radius: var(--smart-border-top-right-radius);
1592
- border-bottom-left-radius: var(--smart-border-bottom-right-radius);
1593
- border-top-right-radius: 0;
1594
- border-bottom-right-radius: 0;
1595
- }
1596
- [right-to-left] .smart-kanban-task-progress {
1597
- left: unset;
1598
- right: 0;
1599
- }
1
+ .smart-kanban {
2
+ width: var(--smart-kanban-default-width);
3
+ height: var(--smart-kanban-default-height);
4
+ border: none;
5
+ padding: 0;
6
+ }
7
+ .smart-kanban .smart-kanban-scroll-viewer {
8
+ width: 100%;
9
+ height: 100%;
10
+ }
11
+ .smart-kanban .smart-kanban-scroll-viewer .smart-scroll-viewer-content-container[disable-vertical] {
12
+ padding: var(--smart-data-view-padding);
13
+ height: 100%;
14
+ min-width: 100%;
15
+ }
16
+ .smart-kanban.smart-kanban-column-color .smart-kanban-column:not(.smart-kanban-add-new-column) {
17
+ background: var(--smart-surface);
18
+ padding: 5px;
19
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.08), 0 3px 4px rgba(0, 0, 0, 0.03), 0 3px 16px rgba(0, 0, 0, 0.06);
20
+ border-radius: 5px;
21
+ box-sizing: border-box;
22
+ }
23
+ .smart-kanban.smart-kanban-column-color .smart-kanban-column:not(.smart-kanban-add-new-column) .smart-kanban-column-header {
24
+ background: transparent;
25
+ border: none;
26
+ }
27
+ .smart-kanban .smart-kanban-column .smart-kanban-column-footer {
28
+ display: flex;
29
+ font-family: var(--smart-font-family);
30
+ font-size: 11px;
31
+ color: var(--smart-surface-color);
32
+ opacity: 0.5;
33
+ align-items: center;
34
+ text-align: center;
35
+ padding: 8px;
36
+ }
37
+ .smart-kanban .smart-kanban-column.collapsed .smart-kanban-column-footer {
38
+ padding: 0px;
39
+ }
40
+ .smart-kanban > .smart-container, .smart-kanban.smart-container {
41
+ position: relative;
42
+ }
43
+ .smart-kanban > .smart-container[modal], .smart-kanban.smart-container[modal] {
44
+ pointer-events: none;
45
+ -webkit-user-select: none;
46
+ -moz-user-select: none;
47
+ -ms-user-select: none;
48
+ user-select: none;
49
+ }
50
+ .smart-kanban > .smart-container[modal]:after, .smart-kanban.smart-container[modal]:after {
51
+ content: "";
52
+ position: absolute;
53
+ width: 100%;
54
+ height: 100%;
55
+ top: 0;
56
+ left: 0;
57
+ background-color: black;
58
+ opacity: 0.3;
59
+ pointer-events: none;
60
+ cursor: default;
61
+ -moz-user-select: none;
62
+ -webkit-user-select: none;
63
+ user-select: none;
64
+ }
65
+ .smart-kanban .smart-kanban-body {
66
+ position: relative;
67
+ width: 100%;
68
+ height: 100%;
69
+ display: grid;
70
+ grid-column-gap: var(--smart-data-view-padding);
71
+ grid-template-rows: 100%;
72
+ }
73
+ .smart-kanban .smart-kanban-body > .smart-kanban-column {
74
+ height: 100%;
75
+ overflow: hidden;
76
+ }
77
+ .smart-kanban .smart-kanban-column {
78
+ display: grid;
79
+ grid-template-rows: var(--smart-kanban-header-size) 1fr;
80
+ grid-row-gap: var(--smart-data-view-padding);
81
+ min-height: 0;
82
+ }
83
+ .smart-kanban .smart-kanban-column:not(.collapsed) > .smart-kanban-column-header {
84
+ grid-template-columns: 1fr auto auto;
85
+ }
86
+ .smart-kanban .smart-kanban-column.collapsed > .smart-kanban-column-header > .smart-kanban-column-header-label.pill .heading {
87
+ padding: 8px 2px;
88
+ }
89
+ .smart-kanban .smart-kanban-column[wip-max-error] > .smart-kanban-column-header {
90
+ background: #ffcdd2 !important;
91
+ }
92
+ .smart-kanban .smart-kanban-column[wip-min-error] > .smart-kanban-column-header {
93
+ background: #ffe082 !important;
94
+ }
95
+ .smart-kanban .smart-kanban-column > .smart-kanban-column-header {
96
+ border: var(--smart-border-width) solid var(--smart-border);
97
+ border-top-left-radius: var(--smart-border-top-left-radius);
98
+ border-top-right-radius: var(--smart-border-top-right-radius);
99
+ border-bottom-left-radius: var(--smart-border-bottom-left-radius);
100
+ border-bottom-right-radius: var(--smart-border-bottom-right-radius);
101
+ min-width: 0;
102
+ display: grid;
103
+ grid-template-columns: 1fr auto;
104
+ align-content: center;
105
+ align-items: center;
106
+ padding: 0 var(--smart-data-view-padding);
107
+ background-color: var(--smart-surface);
108
+ color: var(--smart-surface-color);
109
+ }
110
+ .smart-kanban .smart-kanban-column > .smart-kanban-column-header > .smart-kanban-column-header-label {
111
+ font-size: calc(var(--smart-font-size) + 1px);
112
+ font-weight: bold;
113
+ min-width: 0;
114
+ overflow: hidden;
115
+ text-overflow: ellipsis;
116
+ white-space: nowrap;
117
+ }
118
+ .smart-kanban .smart-kanban-column > .smart-kanban-column-header > .smart-kanban-column-header-label.pill {
119
+ overflow: visible;
120
+ display: inline-flex;
121
+ align-content: center;
122
+ }
123
+ .smart-kanban .smart-kanban-column > .smart-kanban-column-header > .smart-kanban-column-header-label.pill .heading {
124
+ border-radius: 12px;
125
+ font-size: var(--smart-font-size);
126
+ padding: 2px 8px;
127
+ min-width: 22px;
128
+ font-weight: 500;
129
+ display: flex;
130
+ align-items: center;
131
+ }
132
+ .smart-kanban .smart-kanban-column > .smart-kanban-column-header > .smart-kanban-column-header-label.pill .heading .summary {
133
+ font-size: 10px;
134
+ margin-left: 3px;
135
+ opacity: 0.8;
136
+ }
137
+ .smart-kanban .smart-kanban-column > .smart-kanban-column-header > .smart-kanban-column-header-label .smart-kanban-title {
138
+ text-overflow: ellipsis;
139
+ overflow: hidden;
140
+ }
141
+ .smart-kanban .smart-kanban-column > .smart-kanban-column-header > .smart-kanban-column-header-label.pending {
142
+ position: relative;
143
+ overflow: visible;
144
+ visibility: hidden;
145
+ }
146
+ .smart-kanban .smart-kanban-column > .smart-kanban-column-header > .smart-arrow {
147
+ display: none;
148
+ }
149
+ .smart-kanban .smart-kanban-column > .smart-kanban-column-header > .smart-kanban-column-header-add {
150
+ display: none;
151
+ }
152
+ .smart-kanban .smart-kanban-column > .smart-kanban-column-content {
153
+ display: grid;
154
+ grid-row-gap: var(--smart-data-view-padding);
155
+ min-height: 0;
156
+ grid-template-rows: 1fr 3fr;
157
+ }
158
+ .smart-kanban .smart-kanban-column > .smart-kanban-column-content.no-sub-columns {
159
+ grid-template-rows: 1fr;
160
+ }
161
+ .smart-kanban .smart-kanban-column > .smart-kanban-column-content.has-swimlane {
162
+ grid-row-gap: calc(var(--smart-kanban-header-size) + 2 * var(--smart-data-view-padding));
163
+ }
164
+ .smart-kanban .smart-kanban-column .smart-kanban-column-content-tasks {
165
+ position: relative;
166
+ border: none;
167
+ width: unset;
168
+ min-width: unset;
169
+ max-height: 0;
170
+ height: unset;
171
+ min-height: 0;
172
+ max-height: unset;
173
+ padding: 0;
174
+ background-color: transparent;
175
+ }
176
+ .smart-kanban .smart-kanban-column .smart-kanban-column-content-tasks:empty {
177
+ display: none;
178
+ }
179
+ .smart-kanban .smart-kanban-column.collapsed {
180
+ width: var(--smart-kanban-header-size);
181
+ grid-template-rows: 1fr;
182
+ }
183
+ .smart-kanban .smart-kanban-column.collapsed > .smart-kanban-column-header {
184
+ width: 100%;
185
+ padding: var(--smart-data-view-padding) 0;
186
+ writing-mode: vertical-lr;
187
+ color: var(--smart-primary);
188
+ direction: ltr;
189
+ }
190
+ .smart-kanban .smart-kanban-column.collapsed > .smart-kanban-column-content {
191
+ display: none;
192
+ }
193
+ .smart-kanban .smart-kanban-column.collapsed.has-swimlane > .smart-kanban-column-header > .smart-kanban-column-header-label {
194
+ margin-top: calc(2 * var(--smart-kanban-header-size) + var(--smart-data-view-padding));
195
+ }
196
+ .smart-kanban .smart-kanban-column.dragged .smart-kanban-column-header {
197
+ background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
198
+ background-size: 3em 3em;
199
+ }
200
+ .smart-kanban .smart-kanban-column.drop-target {
201
+ position: relative;
202
+ overflow: visible;
203
+ }
204
+ .smart-kanban .smart-kanban-column.drop-target.before:after {
205
+ border-left: var(--smart-kanban-color-band-width) dashed var(--smart-primary);
206
+ left: calc(-1 * var(--smart-kanban-color-band-width));
207
+ margin-left: -3px;
208
+ }
209
+ .smart-kanban .smart-kanban-column.drop-target.after:after {
210
+ border-right: var(--smart-kanban-color-band-width) dashed var(--smart-primary);
211
+ margin-left: 3px;
212
+ }
213
+ .smart-kanban .smart-kanban-column[orientation=horizontal] > .smart-kanban-column-content > .smart-kanban-column-content-tasks > .smart-container > .smart-scroll-viewer-container > .smart-scroll-viewer-content-container {
214
+ grid-template-columns: repeat(auto-fit, minmax(var(--smart-kanban-task-min-width), 1fr));
215
+ grid-column-gap: var(--smart-data-view-padding);
216
+ }
217
+ .smart-kanban .smart-kanban-column[orientation=horizontal] > .smart-kanban-column-content > .smart-kanban-column-content-tasks .drop-target.before:after {
218
+ border-left: var(--smart-kanban-color-band-width) dashed var(--smart-primary-color);
219
+ left: calc(-1 * var(--smart-kanban-color-band-width));
220
+ }
221
+ .smart-kanban .smart-kanban-column[orientation=horizontal] > .smart-kanban-column-content > .smart-kanban-column-content-tasks .drop-target.after:after {
222
+ border-right: 2px dashed var(--smart-primary);
223
+ }
224
+ .smart-kanban .smart-kanban-column[orientation=vertical] > .smart-kanban-column-content > .smart-kanban-column-content-tasks .drop-target.before:after {
225
+ border-top: 2px dashed var(--smart-primary);
226
+ }
227
+ .smart-kanban .smart-kanban-column[orientation=vertical] > .smart-kanban-column-content > .smart-kanban-column-content-tasks .drop-target.after:after {
228
+ border-bottom: 2px dashed var(--smart-primary);
229
+ }
230
+ .smart-kanban .smart-kanban-column.has-swimlane {
231
+ grid-row-gap: calc(var(--smart-kanban-header-size) + 2 * var(--smart-data-view-padding));
232
+ }
233
+ .smart-kanban .smart-kanban-column-header:focus {
234
+ outline: none;
235
+ border-color: var(--smart-ui-state-border-active);
236
+ }
237
+ .smart-kanban .smart-kanban-column-header-label.pending .smart-kanban-column-header-input {
238
+ position: absolute;
239
+ top: -10%;
240
+ left: 0;
241
+ width: 100%;
242
+ height: 120%;
243
+ outline: none;
244
+ font-size: calc(var(--smart-font-size) - 1px);
245
+ visibility: visible;
246
+ border: var(--smart-border-width) solid var(--smart-border);
247
+ border-top-right-radius: var(--smart-border-top-right-radius);
248
+ border-top-left-radius: var(--smart-border-top-left-radius);
249
+ border-bottom-left-radius: var(--smart-border-bottom-left-radius);
250
+ border-bottom-right-radius: var(--smart-border-bottom-right-radius);
251
+ background-color: var(--smart-background);
252
+ color: var(--smart-background-color);
253
+ font-family: inherit;
254
+ padding: 4px;
255
+ }
256
+ .smart-kanban .smart-kanban-column-header-label.pending .smart-kanban-column-header-input:hover {
257
+ border-color: var(--smart-ui-state-border-hover);
258
+ }
259
+ .smart-kanban .smart-kanban-column-header-label.pending .smart-kanban-column-header-input:focus {
260
+ border-color: var(--smart-primary);
261
+ }
262
+ .smart-kanban .smart-kanban-column-header-label.pending.colors .smart-kanban-column-header-input {
263
+ width: calc(100% - 30px);
264
+ }
265
+ .smart-kanban .smart-kanban-column-header-label.pending.colors smart-color-input {
266
+ position: absolute;
267
+ right: 2px;
268
+ visibility: visible;
269
+ }
270
+ .smart-kanban .smart-kanban-column-header-add:focus {
271
+ outline: none;
272
+ color: var(--smart-primary);
273
+ }
274
+ .smart-kanban .smart-kanban-column-content-tasks:focus {
275
+ outline: none;
276
+ }
277
+ .smart-kanban .smart-kanban-column-content-tasks.empty {
278
+ position: relative;
279
+ }
280
+ .smart-kanban .smart-kanban-column-content-tasks.empty:after {
281
+ content: attr(empty);
282
+ position: absolute;
283
+ top: calc(50% - 11px);
284
+ display: flex;
285
+ align-items: center;
286
+ align-content: center;
287
+ justify-content: center;
288
+ width: 100%;
289
+ opacity: 0.5;
290
+ font-size: 11px;
291
+ }
292
+ .smart-kanban .smart-kanban-column-content-tasks .smart-kanban-task[focus] {
293
+ box-shadow: inset 0px 0px 1px 1px var(--smart-primary);
294
+ }
295
+ .smart-kanban .smart-kanban-column-content-tasks > .smart-container > .smart-scroll-viewer-container > .smart-scroll-viewer-content-container {
296
+ display: grid;
297
+ grid-row-gap: var(--smart-data-view-padding);
298
+ padding: 0;
299
+ }
300
+ .smart-kanban .smart-kanban-column-content-columns {
301
+ display: grid;
302
+ grid-column-gap: var(--smart-data-view-padding);
303
+ min-height: 0;
304
+ }
305
+ .smart-kanban .smart-kanban-column-content-columns.has-tabs {
306
+ display: grid;
307
+ grid-row-gap: var(--smart-data-view-padding);
308
+ min-height: 0;
309
+ grid-template-rows: var(--smart-kanban-header-size) 1fr;
310
+ }
311
+ .smart-kanban .smart-kanban-column-content-columns.has-tabs .smart-kanban-column {
312
+ grid-template-rows: 1fr;
313
+ }
314
+ .smart-kanban .smart-kanban-task:hover .smart-kanban-task-edit {
315
+ width: 16px;
316
+ }
317
+ .smart-kanban .smart-kanban-task:hover .smart-kanban-task-edit:after {
318
+ content: var(--smart-icon-mode-edit);
319
+ font-family: var(--smart-font-family-icon);
320
+ }
321
+ .smart-kanban .smart-kanban-task.dragged {
322
+ background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
323
+ background-size: 3em 3em;
324
+ }
325
+ .smart-kanban .smart-kanban-task[selected] {
326
+ background-color: var(--smart-ui-state-selected);
327
+ }
328
+ .smart-kanban .smart-kanban-task-user:focus {
329
+ outline: none;
330
+ border: 1px solid var(--smart-primary);
331
+ }
332
+ .smart-kanban .smart-kanban-task-description:hover,
333
+ .smart-kanban .smart-kanban-task-edit:hover,
334
+ .smart-kanban .smart-kanban-task-actions:hover,
335
+ .smart-kanban .smart-kanban-task-comments:hover {
336
+ color: var(--smart-primary);
337
+ }
338
+ .smart-kanban .smart-kanban-task-description:focus,
339
+ .smart-kanban .smart-kanban-task-edit:focus,
340
+ .smart-kanban .smart-kanban-task-actions:focus,
341
+ .smart-kanban .smart-kanban-task-comments:focus {
342
+ outline: 1px solid var(--smart-primary);
343
+ }
344
+ .smart-kanban .smart-data-view-header {
345
+ border: var(--smart-border-width) solid var(--smart-border);
346
+ border-top-left-radius: var(--smart-border-top-left-radius);
347
+ border-top-right-radius: var(--smart-border-top-right-radius);
348
+ border-bottom-left-radius: var(--smart-border-bottom-left-radius);
349
+ border-bottom-right-radius: var(--smart-border-bottom-right-radius);
350
+ min-width: 0;
351
+ height: var(--smart-kanban-header-size);
352
+ }
353
+ .smart-kanban .smart-kanban-add-new-column {
354
+ cursor: pointer;
355
+ }
356
+ .smart-kanban .smart-kanban-add-new-column .smart-kanban-column-content {
357
+ display: none;
358
+ }
359
+ .smart-kanban .smart-kanban-add-new-column-label {
360
+ overflow: hidden;
361
+ text-overflow: ellipsis;
362
+ white-space: nowrap;
363
+ font-size: calc(var(--smart-font-size) + 1px);
364
+ font-weight: bold;
365
+ display: flex;
366
+ align-items: center;
367
+ }
368
+ .smart-kanban .swimlane {
369
+ position: absolute;
370
+ display: flex;
371
+ align-items: center;
372
+ justify-content: center;
373
+ height: var(--smart-kanban-header-size);
374
+ background-color: var(--smart-primary);
375
+ color: var(--smart-primary-color);
376
+ font-size: calc(var(--smart-font-size) + 2px);
377
+ padding: var(--smart-data-view-padding);
378
+ overflow: hidden;
379
+ text-overflow: ellipsis;
380
+ white-space: nowrap;
381
+ border: var(--smart-border-width) solid var(--smart-border);
382
+ border-top-left-radius: var(--smart-border-top-left-radius);
383
+ border-top-right-radius: var(--smart-border-top-right-radius);
384
+ border-bottom-left-radius: var(--smart-border-bottom-left-radius);
385
+ border-bottom-right-radius: var(--smart-border-bottom-right-radius);
386
+ min-width: 0;
387
+ }
388
+ .smart-kanban .smart-kanban-task-placeholder {
389
+ transition: margin 0.2s ease-out;
390
+ }
391
+ .smart-kanban .drop-target:after {
392
+ content: "";
393
+ position: absolute;
394
+ box-sizing: border-box;
395
+ border: 2px dashed var(--smart-primary);
396
+ width: 100%;
397
+ height: 100%;
398
+ left: 0;
399
+ top: 0;
400
+ pointer-events: none;
401
+ opacity: 0.75;
402
+ }
403
+ .smart-kanban .drop-target.before:after, .smart-kanban .drop-target.after:after {
404
+ border: none;
405
+ }
406
+ .smart-kanban .remove-button:focus {
407
+ outline: 1px solid var(--smart-primary);
408
+ }
409
+ .smart-kanban:not([right-to-left]) .smart-kanban-column.collapsed > .smart-kanban-column-header > .smart-arrow {
410
+ transform: rotate(180deg);
411
+ }
412
+ .smart-kanban[add-new-button] .smart-kanban-column[add-new-button] > .smart-kanban-column-header > .smart-kanban-column-header-add:after {
413
+ content: var(--smart-icon-plus-circled);
414
+ font-family: var(--smart-font-family-icon);
415
+ padding: 0 10px 10px 0;
416
+ }
417
+ .smart-kanban[add-new-button] .smart-kanban-column[add-new-button] > .smart-kanban-column-header > .smart-kanban-column-header-add:hover {
418
+ cursor: pointer;
419
+ color: var(--smart-primary);
420
+ }
421
+ .smart-kanban[add-new-button] .smart-kanban-column[add-new-button]:not(.collapsed) > .smart-kanban-column-header[add-new-button] {
422
+ grid-template-columns: auto 1fr auto auto;
423
+ }
424
+ .smart-kanban[add-new-button] .smart-kanban-column[add-new-button]:not(.collapsed) > .smart-kanban-column-header[add-new-button] > .smart-kanban-column-header-add {
425
+ display: block;
426
+ }
427
+ .smart-kanban[add-new-button] .smart-kanban-add-new-button {
428
+ width: 30px;
429
+ height: 30px;
430
+ border-radius: 50%;
431
+ background: var(--smart-primary);
432
+ color: var(--smart-primary-color);
433
+ position: absolute;
434
+ display: flex;
435
+ justify-content: center;
436
+ align-content: center;
437
+ align-items: center;
438
+ font-size: 24px;
439
+ box-shadow: var(--smart-elevation-6);
440
+ cursor: pointer;
441
+ transition: transform 0.1s ease-out, box-shadow 0.2s ease-in-out;
442
+ transform: scale(1);
443
+ transition-delay: 0s;
444
+ }
445
+ .smart-kanban[add-new-button] .smart-kanban-add-new-button:hover {
446
+ box-shadow: var(--smart-elevation-8);
447
+ transform: scale(1.2);
448
+ }
449
+ .smart-kanban[add-new-button] .smart-kanban-add-new-button:after {
450
+ content: var(--smart-icon-plus);
451
+ font-family: var(--smart-font-family-icon);
452
+ font-size: 14px;
453
+ }
454
+ .smart-kanban[add-new-button] .smart-kanban-add-new-button.show {
455
+ opacity: 1;
456
+ }
457
+ .smart-kanban[column-actions] .smart-kanban-column:not(.collapsed) > .smart-kanban-column-header[settings] > .smart-kanban-column-header-settings-button {
458
+ display: block;
459
+ transition: transform 0.2s ease-in-out;
460
+ margin-top: -1px;
461
+ }
462
+ .smart-kanban[column-actions] .smart-kanban-column:not(.collapsed) > .smart-kanban-column-header[settings] > .smart-kanban-column-header-settings-button:hover, .smart-kanban[column-actions] .smart-kanban-column:not(.collapsed) > .smart-kanban-column-header[settings] > .smart-kanban-column-header-settings-button[aria-expanded] {
463
+ color: var(--smart-primary);
464
+ }
465
+ .smart-kanban[column-actions] .smart-kanban-column:not(.collapsed) > .smart-kanban-column-header[settings] > .smart-kanban-column-header-settings-button:after {
466
+ margin-left: 5px;
467
+ content: var(--smart-icon-menu);
468
+ font-family: var(--smart-font-family-icon);
469
+ }
470
+ .smart-kanban[column-actions] .smart-kanban-column:not(.collapsed):not([add-new-button]) > .smart-kanban-column-header[settings] {
471
+ grid-template-columns: 1fr auto auto auto;
472
+ }
473
+ .smart-kanban[collapsible] .smart-kanban-column[collapsible] > .smart-kanban-column-header {
474
+ cursor: pointer;
475
+ }
476
+ .smart-kanban[collapsible] .smart-kanban-column[collapsible] > .smart-kanban-column-header:hover {
477
+ background-color: var(--smart-ui-state-hover);
478
+ color: var(--smart-ui-state-color-hover);
479
+ }
480
+ .smart-kanban[collapsible] .smart-kanban-column[collapsible] > .smart-kanban-column-header > .smart-arrow {
481
+ display: block;
482
+ transition: transform 0.2s ease-in-out;
483
+ }
484
+ .smart-kanban[collapsible] .smart-kanban-column[collapsible] > .smart-kanban-column-header > .smart-arrow:hover {
485
+ color: var(--smart-primary);
486
+ transform: scale(1.2);
487
+ }
488
+ .smart-kanban[task-position=leaf] .smart-kanban-column > .smart-kanban-column-content:not(.no-sub-columns) {
489
+ grid-template-rows: 0 1fr;
490
+ grid-row-gap: 0;
491
+ }
492
+ .smart-kanban[user-list] .smart-kanban-task-user:hover {
493
+ border: none;
494
+ box-shadow: 0px 0px 4px 1px var(--smart-primary);
495
+ }
496
+ .smart-kanban[header-position=top] .smart-data-view-header {
497
+ margin-bottom: var(--smart-data-view-padding);
498
+ }
499
+ .smart-kanban[header-position=top] .smart-kanban-body {
500
+ height: calc(100% - var(--smart-kanban-header-size) - var(--smart-data-view-padding));
501
+ }
502
+ .smart-kanban[header-position=bottom] .smart-data-view-header {
503
+ margin-top: var(--smart-data-view-padding);
504
+ }
505
+ .smart-kanban[header-position=bottom] .smart-kanban-body {
506
+ height: calc(100% - var(--smart-kanban-header-size) - var(--smart-data-view-padding));
507
+ }
508
+
509
+ .smart-data-view-header {
510
+ height: var(--smart-kanban-header-size);
511
+ }
512
+
513
+ .smart-kanban-task {
514
+ border: var(--smart-border-width) solid var(--smart-border);
515
+ border-left: var(--smart-kanban-color-band-width) solid var(--smart-primary);
516
+ border-top-right-radius: var(--smart-border-top-right-radius);
517
+ border-bottom-right-radius: var(--smart-border-bottom-right-radius);
518
+ width: 100%;
519
+ min-width: 0;
520
+ height: auto;
521
+ min-height: var(--smart-kanban-task-min-height);
522
+ display: grid;
523
+ grid-template-columns: 100%;
524
+ grid-template-rows: 1fr auto auto;
525
+ padding: 5px;
526
+ grid-row-gap: 5px;
527
+ cursor: pointer;
528
+ background-color: var(--smart-background);
529
+ position: relative;
530
+ margin-top: 0px;
531
+ margin-bottom: 0px;
532
+ }
533
+ .smart-kanban-task .smart-kanban-task-cover-content {
534
+ height: 100px;
535
+ display: flex;
536
+ overflow: hidden;
537
+ }
538
+ .smart-kanban-task .smart-kanban-task-cover-content img {
539
+ max-width: 100%;
540
+ max-height: 100%;
541
+ }
542
+ .smart-kanban-task .smart-kanban-task-custom-fields {
543
+ display: grid;
544
+ grid-template-columns: 1fr 1fr;
545
+ }
546
+ .smart-kanban-task .smart-kanban-task-custom-fields .smart-kanban-task-field {
547
+ display: flex;
548
+ flex-direction: column;
549
+ padding: 5px;
550
+ }
551
+ .smart-kanban-task .smart-kanban-task-custom-fields .smart-kanban-task-field .smart-kanban-task-field-label {
552
+ margin-bottom: calc(var(--smart-card-view-vertical-offset) / 3);
553
+ text-transform: uppercase;
554
+ font-size: calc(var(--smart-font-size) - 2px);
555
+ opacity: 0.7;
556
+ overflow: hidden;
557
+ text-overflow: ellipsis;
558
+ }
559
+ .smart-kanban-task .smart-kanban-task-custom-fields .smart-kanban-task-field .smart-kanban-task-field-value {
560
+ overflow: hidden;
561
+ text-overflow: ellipsis;
562
+ word-break: break-word;
563
+ }
564
+ .smart-kanban-task .smart-kanban-task-custom-fields .smart-kanban-task-field .smart-kanban-task-field-value .attachments {
565
+ display: flex;
566
+ }
567
+ .smart-kanban-task .smart-kanban-task-custom-fields .smart-kanban-task-field .smart-kanban-task-field-value .attachments .item {
568
+ margin-right: 5px;
569
+ }
570
+ .smart-kanban-task .smart-kanban-task-custom-fields .smart-kanban-task-field .smart-kanban-task-field-value .item,
571
+ .smart-kanban-task .smart-kanban-task-custom-fields .smart-kanban-task-field .smart-kanban-task-field-value img {
572
+ border: 1px solid var(--smart-border);
573
+ width: 25px;
574
+ height: 25px;
575
+ }
576
+ .smart-kanban-task .smart-kanban-task-custom-fields .smart-kanban-task-field .smart-kanban-task-field-value .item:hover,
577
+ .smart-kanban-task .smart-kanban-task-custom-fields .smart-kanban-task-field .smart-kanban-task-field-value img:hover {
578
+ border: 2px solid var(--smart-primary);
579
+ }
580
+
581
+ .smart-kanban-task-input {
582
+ height: 20px;
583
+ opacity: 0.8;
584
+ border: none !important;
585
+ width: 100%;
586
+ text-decoration: underline;
587
+ background: transparent;
588
+ cursor: pointer;
589
+ font-size: calc(var(--smart-font-size) - 1px) !important;
590
+ }
591
+ .smart-kanban-task-input:active, .smart-kanban-task-input:focus {
592
+ text-decoration: initial;
593
+ cursor: initial;
594
+ opacity: 1;
595
+ }
596
+
597
+ .smart-kanban-task-subtasks .smart-kanban-sub-task {
598
+ display: grid;
599
+ grid-column-gap: 5px;
600
+ grid-template-columns: 16px 1fr 16px;
601
+ font-size: calc(var(--smart-font-size) - 1px) !important;
602
+ padding: 2px;
603
+ }
604
+ .smart-kanban-task-subtasks .smart-kanban-sub-task:before {
605
+ content: var(--smart-icon-check-empty);
606
+ font-family: var(--smart-font-family-icon);
607
+ cursor: pointer;
608
+ font-size: var(--smart-font-size) !important;
609
+ }
610
+ .smart-kanban-task-subtasks .smart-kanban-sub-task:hover .remove-subtask:after {
611
+ content: var(--smart-icon-close);
612
+ font-family: var(--smart-font-family-icon);
613
+ cursor: pointer;
614
+ }
615
+ .smart-kanban-task-subtasks .smart-kanban-sub-task.selected {
616
+ background: var(--smart-ui-state-selected);
617
+ color: var(--smart-ui-state-color-selected);
618
+ text-decoration: line-through;
619
+ }
620
+ .smart-kanban-task-subtasks .smart-kanban-sub-task.selected:before {
621
+ content: var(--smart-icon-check-squared);
622
+ }
623
+ .smart-kanban-task-subtasks .smart-kanban-sub-task[selected] .label {
624
+ text-decoration: line-through;
625
+ }
626
+
627
+ .smart-kanban-task-content {
628
+ display: grid;
629
+ grid-template-columns: 1fr auto;
630
+ grid-column-gap: 5px;
631
+ }
632
+
633
+ .smart-kanban-task-text {
634
+ padding: 5px;
635
+ word-break: break-word;
636
+ max-height: var(--smart-kanban-text-max-height);
637
+ overflow: auto;
638
+ }
639
+ .smart-kanban-task-text:before, .smart-kanban-task-text:after {
640
+ font-family: var(--smart-font-family-icon);
641
+ }
642
+ .smart-kanban-task-text:before {
643
+ margin-right: 10px;
644
+ }
645
+ .smart-kanban-task-text:after {
646
+ margin-left: 10px;
647
+ }
648
+
649
+ .smart-kanban-task-footer {
650
+ display: grid;
651
+ grid-template-columns: 1fr auto auto auto;
652
+ align-items: center;
653
+ grid-column-gap: 5px;
654
+ }
655
+
656
+ .smart-kanban-task-due {
657
+ display: none;
658
+ letter-spacing: 1px;
659
+ overflow: hidden;
660
+ text-overflow: ellipsis;
661
+ white-space: nowrap;
662
+ }
663
+ .smart-kanban-task-due:not(:empty) {
664
+ margin-top: calc(var(--smart-data-view-padding) / 2);
665
+ }
666
+ .smart-kanban-task-due.overdue {
667
+ color: var(--smart-error);
668
+ }
669
+ .smart-kanban-task-due.overdue:after {
670
+ font-family: var(--smart-font-family-icon);
671
+ content: var(--smart-icon-attention-circled);
672
+ }
673
+
674
+ .smart-kanban-task-info {
675
+ display: grid;
676
+ grid-template-rows: auto auto;
677
+ }
678
+
679
+ .smart-kanban-task-checked {
680
+ letter-spacing: 1px;
681
+ }
682
+
683
+ .smart-kanban-task-progress {
684
+ background-color: var(--smart-primary);
685
+ position: absolute;
686
+ height: 20%;
687
+ left: 0;
688
+ }
689
+ .smart-kanban-task-progress.bottom {
690
+ bottom: 0;
691
+ }
692
+
693
+ .smart-kanban-task-progress-container {
694
+ display: none;
695
+ height: 20px;
696
+ background-color: var(--smart-ui-state-selected);
697
+ position: relative;
698
+ align-items: center;
699
+ justify-content: center;
700
+ }
701
+
702
+ .smart-kanban-task-user {
703
+ display: none;
704
+ }
705
+ .smart-kanban-task-user.empty:after {
706
+ content: var(--smart-icon-user);
707
+ font-family: var(--smart-font-family-icon);
708
+ width: 100%;
709
+ height: 100%;
710
+ display: flex;
711
+ justify-content: center;
712
+ align-items: center;
713
+ font-size: var(--smart-kanban-user-icon-size);
714
+ }
715
+
716
+ .smart-kanban-task-tags {
717
+ display: none;
718
+ }
719
+
720
+ .smart-kanban-task-tag {
721
+ display: inline-block;
722
+ background-color: rgba(var(--smart-primary-rgb), 0.15);
723
+ color: var(--smart-background-color);
724
+ margin-right: 4px;
725
+ border-radius: 20px;
726
+ font-size: 12px;
727
+ font-weight: 500;
728
+ padding: 2px 7px;
729
+ }
730
+
731
+ .smart-kanban-task-description:after {
732
+ content: var(--smart-icon-align-left);
733
+ font-family: var(--smart-font-family-icon);
734
+ }
735
+
736
+ .smart-kanban-task-actions {
737
+ display: none;
738
+ }
739
+ .smart-kanban-task-actions:after {
740
+ content: var(--smart-icon-settings);
741
+ font-family: var(--smart-font-family-icon);
742
+ }
743
+
744
+ .smart-kanban-task-comments {
745
+ display: none;
746
+ }
747
+ .smart-kanban-task-comments:after {
748
+ content: var(--smart-icon-comment) " " attr(num);
749
+ font-family: var(--smart-font-family-icon);
750
+ white-space: nowrap;
751
+ }
752
+
753
+ .smart-kanban-feedback {
754
+ position: absolute;
755
+ color: var(--smart-background-color);
756
+ font-family: var(--smart-font-family);
757
+ font-size: var(--smart-font-size);
758
+ cursor: move;
759
+ opacity: 0.9;
760
+ }
761
+ .smart-kanban-feedback * {
762
+ box-sizing: border-box;
763
+ }
764
+ .smart-kanban-feedback .smart-kanban-task {
765
+ position: absolute;
766
+ box-shadow: var(--smart-elevation-4);
767
+ pointer-events: none;
768
+ }
769
+ .smart-kanban-feedback[column-drag] {
770
+ box-shadow: var(--smart-elevation-4);
771
+ border: none;
772
+ height: auto;
773
+ transform: scale(0.8);
774
+ transform-origin: top left;
775
+ }
776
+ .smart-kanban-feedback[column-drag] .smart-kanban {
777
+ border: none;
778
+ overflow: visible;
779
+ }
780
+ .smart-kanban-feedback[column-drag] .smart-kanban-task {
781
+ position: static;
782
+ box-shadow: none;
783
+ }
784
+ .smart-kanban-feedback .smart-kanban-feedback-additional {
785
+ position: absolute;
786
+ box-shadow: var(--smart-elevation-4);
787
+ pointer-events: none;
788
+ top: -8px;
789
+ left: 8px;
790
+ border: var(--smart-border-width) solid var(--smart-border);
791
+ background-color: var(--smart-background);
792
+ }
793
+ .smart-kanban-feedback .smart-kanban-feedback-additional.multiple {
794
+ top: -16px;
795
+ left: 16px;
796
+ }
797
+ .smart-kanban-feedback .smart-kanban-feedback-additional.multiple:before {
798
+ position: absolute;
799
+ box-shadow: var(--smart-elevation-4);
800
+ pointer-events: none;
801
+ content: "";
802
+ width: 100%;
803
+ height: 100%;
804
+ border: var(--smart-border-width) solid var(--smart-border);
805
+ background-color: var(--smart-background);
806
+ bottom: -9px;
807
+ left: -9px;
808
+ }
809
+ .smart-kanban-feedback .smart-kanban-feedback-additional + .smart-kanban-task::after {
810
+ display: flex;
811
+ justify-content: center;
812
+ align-items: center;
813
+ content: attr(num);
814
+ position: absolute;
815
+ width: 20px;
816
+ height: 20px;
817
+ background-color: var(--smart-primary);
818
+ color: var(--smart-primary-color);
819
+ right: -10px;
820
+ top: -10px;
821
+ border-radius: 50%;
822
+ }
823
+
824
+ [task-progress] .smart-kanban-task-progress-container {
825
+ display: flex;
826
+ }
827
+
828
+ [task-user-icon] .smart-kanban-task-user {
829
+ display: block;
830
+ width: var(--smart-kanban-user-icon-size);
831
+ height: var(--smart-kanban-user-icon-size);
832
+ border: var(--smart-border-width) solid var(--smart-border);
833
+ border-radius: 50%;
834
+ background-color: var(--smart-surface);
835
+ color: var(--smart-background-color);
836
+ background-position: center;
837
+ background-repeat: no-repeat;
838
+ background-size: cover;
839
+ }
840
+
841
+ [task-tags] .smart-kanban-task-tags {
842
+ display: flex;
843
+ flex-direction: row;
844
+ overflow: hidden;
845
+ }
846
+
847
+ [task-actions] .smart-kanban-task-actions,
848
+ [task-comments] .smart-kanban-task-comments,
849
+ [task-due] .smart-kanban-task-due {
850
+ display: block;
851
+ }
852
+
853
+ [task-priority][editable] .smart-kanban-task-text:hover .priority {
854
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAQElEQVR4nGNgGAVUBEcZGBj+Q/FhBhqA/2h46FlwGMnwQ7SwYBQQBEdHkykhcHg0mQ44ODqaTAmBw6PJlIEWAACAfy0E9A956gAAAABJRU5ErkJggg==");
855
+ }
856
+ [task-priority] .smart-kanban-task-text {
857
+ display: flex;
858
+ align-items: baseline;
859
+ }
860
+ [task-priority] .smart-kanban-task-text .priority {
861
+ font-family: var(--smart-font-family-icon);
862
+ margin-left: 5px;
863
+ display: inline-block;
864
+ width: 16px;
865
+ min-width: 16px;
866
+ height: 16px;
867
+ background-repeat: no-repeat;
868
+ background-size: cover;
869
+ }
870
+ [task-priority] .smart-kanban-task-text .priority.low {
871
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232666BE'%3E%3Cpath d='M2.73804 7.00207C1.96611 5.66874 2.92823 4 4.46889 4H19.5311C21.0718 4 22.0339 5.66874 21.262 7.00207L13.7309 20.0103C12.9605 21.3409 11.0395 21.3409 10.2691 20.0103L2.73804 7.00207Z'/%3E%3C/svg%3E");
872
+ }
873
+ [task-priority] .smart-kanban-task-text .priority.average {
874
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23005C99'%3E%3Cpath d='M12 5.98999L19.53 19H4.47L12 5.98999ZM2.74 18C1.97 19.33 2.93 21 4.47 21H19.53C21.07 21 22.03 19.33 21.26 18L13.73 4.98999C12.96 3.65999 11.04 3.65999 10.27 4.98999L2.74 18Z'/%3E%3C/svg%3E");
875
+ }
876
+ [task-priority] .smart-kanban-task-text .priority.high {
877
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23DD5347'%3E%3Cpath d='M2.73804 17.9979C1.96611 19.3313 2.92823 21 4.46889 21H19.5311C21.0718 21 22.0339 19.3313 21.262 17.9979L13.7309 4.98965C12.9605 3.65908 11.0395 3.65908 10.2691 4.98965L2.73804 17.9979Z'/%3E%3C/svg%3E");
878
+ }
879
+ [task-priority] .smart-kanban-task-text .priority.critical {
880
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23AF0020'%3E%3Cpath d='M2.73804 17.9979C1.96611 19.3313 2.92823 21 4.46889 21H19.5311C21.0718 21 22.0339 19.3313 21.262 17.9979L13.7309 4.98965C12.9605 3.65908 11.0395 3.65908 10.2691 4.98965L2.73804 17.9979ZM13.5 17.5C13.5 18.3284 12.8284 19 12 19V19C11.1716 19 10.5 18.3284 10.5 17.5V17.5C10.5 16.6716 11.1716 16 12 16V16C12.8284 16 13.5 16.6716 13.5 17.5V17.5ZM13.5 13.5C13.5 14.3284 12.8284 15 12 15V15C11.1716 15 10.5 14.3284 10.5 13.5V9.5C10.5 8.67157 11.1716 8 12 8V8C12.8284 8 13.5 8.67157 13.5 9.5V13.5Z'/%3E%3C/svg%3E");
881
+ }
882
+
883
+ .smart-kanban-tab-strip {
884
+ height: 35px;
885
+ background: inherit;
886
+ margin-bottom: 10px;
887
+ display: flex;
888
+ border-bottom: 1px solid var(--smart-border);
889
+ }
890
+ .smart-kanban-tab-strip .smart-kanban-tab {
891
+ padding: 8px 22px;
892
+ cursor: pointer;
893
+ text-transform: uppercase;
894
+ }
895
+ .smart-kanban-tab-strip .smart-kanban-tab.selected {
896
+ color: var(--smart-primary);
897
+ border-bottom: 2px solid var(--smart-primary);
898
+ }
899
+ .smart-kanban-tab-strip .smart-kanban-tab[focus] {
900
+ color: var(--smart-primary);
901
+ outline: none;
902
+ }
903
+
904
+ .smart-window.smart-kanban-window {
905
+ max-height: 800px;
906
+ width: auto !important;
907
+ max-width: 700px;
908
+ min-width: 700px !important;
909
+ }
910
+ .smart-window.smart-kanban-window[readonly] .remove-subtask {
911
+ display: none;
912
+ }
913
+ .smart-window.smart-kanban-window[readonly] .new-subtask {
914
+ display: none;
915
+ }
916
+ .smart-window.smart-kanban-window[readonly] .smart-footer,
917
+ .smart-window.smart-kanban-window[readonly] .smart-button.add,
918
+ .smart-window.smart-kanban-window[readonly] .smart-button.delete {
919
+ display: none !important;
920
+ }
921
+ .smart-window.smart-kanban-window[readonly] .smart-date-time-picker[calendar-button] .smart-drop-down-button.smart-calendar-button {
922
+ border: none;
923
+ }
924
+ .smart-window.smart-kanban-window[readonly] .smart-multi-combo-input .smart-drop-down-button,
925
+ .smart-window.smart-kanban-window[readonly] .smart-multi-combo-input .smart-drop-down-list-unselect-button {
926
+ display: none;
927
+ }
928
+ .smart-window.smart-kanban-window[readonly] smart-numeric-text-box input {
929
+ border: none;
930
+ }
931
+ .smart-window.smart-kanban-window[readonly] .smart-numeric-text-box .smart-numeric-text-box-unit-display {
932
+ border: none;
933
+ }
934
+ .smart-window.smart-kanban-window[readonly] smart-color-input {
935
+ pointer-events: none;
936
+ opacity: 0.7;
937
+ }
938
+ .smart-window.smart-kanban-window[readonly] .smart-kanban-tab-content.details textarea,
939
+ .smart-window.smart-kanban-window[readonly] input,
940
+ .smart-window.smart-kanban-window[readonly] smart-input,
941
+ .smart-window.smart-kanban-window[readonly] smart-multi-combo-input,
942
+ .smart-window.smart-kanban-window[readonly] smart-numeric-text-box,
943
+ .smart-window.smart-kanban-window[readonly] smart-date-time-picker {
944
+ opacity: 0.7;
945
+ --smart-surface: var(--smart-background);
946
+ --smart-surface-color: var(--smart-background);
947
+ border: none !important;
948
+ border-bottom: 1px solid var(--smart-border) !important;
949
+ pointer-events: none;
950
+ }
951
+ .smart-window.smart-kanban-window .details .layout {
952
+ display: grid;
953
+ grid-template-columns: 1fr 1fr;
954
+ grid-column-gap: 30px;
955
+ }
956
+ .smart-window.smart-kanban-window .details .layout.single-column {
957
+ grid-template-columns: 1fr;
958
+ }
959
+ .smart-window.smart-kanban-window .details .layout .description-editor {
960
+ height: 91px;
961
+ }
962
+ .smart-window.smart-kanban-window .details .layout .tags-editor {
963
+ margin-top: 2px;
964
+ }
965
+ .smart-window.smart-kanban-window .details .layout .text-editor {
966
+ height: 32px;
967
+ }
968
+ .smart-window.smart-kanban-window .smart-kanban-task-user {
969
+ display: block;
970
+ width: var(--smart-kanban-user-icon-size);
971
+ height: var(--smart-kanban-user-icon-size);
972
+ border: var(--smart-border-width) solid var(--smart-border);
973
+ border-radius: 50%;
974
+ background-color: var(--smart-surface);
975
+ color: var(--smart-background-color);
976
+ background-position: center;
977
+ background-repeat: no-repeat;
978
+ background-size: cover;
979
+ }
980
+ .smart-window.smart-kanban-window .fields .smart-kanban-task-field-editor {
981
+ width: 100%;
982
+ }
983
+ .smart-window.smart-kanban-window .fields .editor-label {
984
+ display: flex;
985
+ justify-content: space-between;
986
+ }
987
+ .smart-window.smart-kanban-window .fields .editor-label .icon {
988
+ width: 16px;
989
+ height: 16px;
990
+ display: inline-block;
991
+ }
992
+ .smart-window.smart-kanban-window .fields .editor-label .icon::before {
993
+ content: var(--smart-icon-visibility);
994
+ font-family: var(--smart-font-family-icon);
995
+ cursor: pointer;
996
+ }
997
+ .smart-window.smart-kanban-window .fields .editor-label .icon.hide::before {
998
+ content: var(--smart-icon-visibility-off);
999
+ }
1000
+ .smart-window.smart-kanban-window .history-table {
1001
+ display: block !important;
1002
+ max-height: 400px;
1003
+ overflow: auto;
1004
+ }
1005
+ .smart-window.smart-kanban-window .history-table table {
1006
+ border-collapse: collapse;
1007
+ width: 100%;
1008
+ }
1009
+ .smart-window.smart-kanban-window .history-table table .smart-kanban-task-user-history {
1010
+ display: flex;
1011
+ align-items: center;
1012
+ }
1013
+ .smart-window.smart-kanban-window .history-table table .smart-kanban-task-user-history .name {
1014
+ margin-left: 5px;
1015
+ }
1016
+ .smart-window.smart-kanban-window .history-table table td,
1017
+ .smart-window.smart-kanban-window .history-table table th {
1018
+ border: 1px solid var(--smart-border);
1019
+ padding: 8px;
1020
+ }
1021
+ .smart-window.smart-kanban-window .history-table table tr:nth-child(even) {
1022
+ background-color: var(--smart-surface);
1023
+ color: var(--smart-surface-color);
1024
+ }
1025
+ .smart-window.smart-kanban-window .history-table table tr:hover {
1026
+ background-color: var(--smart-ui-state-hover);
1027
+ color: var(--smart-ui-state-color-hover);
1028
+ }
1029
+ .smart-window.smart-kanban-window .history-table table th {
1030
+ padding-top: 12px;
1031
+ padding-bottom: 12px;
1032
+ text-align: left;
1033
+ background-color: var(--smart-info);
1034
+ color: var(--smart-info-color);
1035
+ }
1036
+ .smart-window.smart-kanban-window .comments {
1037
+ margin: 0 auto;
1038
+ }
1039
+ .smart-window.smart-kanban-window .comments .smart-comment {
1040
+ display: grid;
1041
+ grid-template-columns: var(--smart-kanban-user-icon-size) 1fr;
1042
+ grid-column-gap: var(--smart-data-view-padding);
1043
+ margin: var(--smart-data-view-padding);
1044
+ }
1045
+ .smart-window.smart-kanban-window .comments .smart-comment .comment-header {
1046
+ display: grid;
1047
+ grid-template-columns: 1fr auto auto;
1048
+ grid-column-gap: calc(var(--smart-data-view-padding) / 2);
1049
+ margin-bottom: var(--smart-data-view-padding);
1050
+ }
1051
+ .smart-window.smart-kanban-window .comments .smart-comment .user-icon {
1052
+ width: 100%;
1053
+ height: var(--smart-kanban-user-icon-size);
1054
+ border-radius: 50%;
1055
+ background-size: cover;
1056
+ background-position: center;
1057
+ }
1058
+ .smart-window.smart-kanban-window .comments .smart-comment .user-icon.empty {
1059
+ background: var(--smart-surface);
1060
+ display: flex;
1061
+ align-items: center;
1062
+ justify-content: center;
1063
+ border-radius: 50%;
1064
+ border: 1px solid var(--smart-border);
1065
+ }
1066
+ .smart-window.smart-kanban-window .comments .smart-comment .user-icon.empty:after {
1067
+ content: var(--smart-icon-user);
1068
+ font-family: var(--smart-font-family-icon);
1069
+ font-size: 20px;
1070
+ }
1071
+ .smart-window.smart-kanban-window .comments .smart-comment .user-name {
1072
+ font-weight: bold;
1073
+ }
1074
+ .smart-window.smart-kanban-window .comments .smart-comment .time {
1075
+ opacity: 0.8;
1076
+ }
1077
+ .smart-window.smart-kanban-window .comments .smart-comment .remove-button {
1078
+ visibility: hidden;
1079
+ transform: rotate(90deg);
1080
+ width: 16px;
1081
+ cursor: pointer;
1082
+ }
1083
+ .smart-window.smart-kanban-window .comments .smart-comment .remove-button:after {
1084
+ content: var(--smart-icon-close);
1085
+ display: flex;
1086
+ align-items: center;
1087
+ justify-content: center;
1088
+ height: 100%;
1089
+ font-family: var(--smart-font-family-icon);
1090
+ cursor: pointer;
1091
+ }
1092
+ .smart-window.smart-kanban-window .comments .smart-comment .remove-button.enabled {
1093
+ visibility: visible;
1094
+ }
1095
+ .smart-window.smart-kanban-window .comments .smart-kanban-list.comments {
1096
+ width: var(--smart-kanban-comments-list-width);
1097
+ height: var(--smart-kanban-comments-list-height);
1098
+ max-height: 100%;
1099
+ }
1100
+ .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-comments {
1101
+ height: calc(100% - var(--smart-kanban-new-comment-height));
1102
+ overflow: auto;
1103
+ }
1104
+ .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment {
1105
+ border-top: var(--smart-border-width) solid var(--smart-border);
1106
+ height: var(--smart-kanban-new-comment-height);
1107
+ padding: var(--smart-data-view-padding);
1108
+ overflow: hidden;
1109
+ }
1110
+ .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment textarea {
1111
+ resize: none;
1112
+ width: 100%;
1113
+ height: 100%;
1114
+ border: var(--smart-border-width) solid var(--smart-border);
1115
+ border-top-right-radius: var(--smart-border-top-right-radius);
1116
+ border-top-left-radius: var(--smart-border-top-left-radius);
1117
+ border-bottom-left-radius: var(--smart-border-bottom-left-radius);
1118
+ border-bottom-right-radius: var(--smart-border-bottom-right-radius);
1119
+ background-color: var(--smart-background);
1120
+ color: var(--smart-background-color);
1121
+ font-family: inherit;
1122
+ font-size: inherit;
1123
+ }
1124
+ .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment textarea:focus {
1125
+ outline: none;
1126
+ border-color: var(--smart-outline);
1127
+ }
1128
+ .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment textarea:hover {
1129
+ border-color: var(--smart-ui-state-border-hover);
1130
+ }
1131
+ .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment textarea[disabled] {
1132
+ opacity: 0.5;
1133
+ }
1134
+ .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment smart-button {
1135
+ --smart-button-padding: 0;
1136
+ display: none;
1137
+ margin-left: auto;
1138
+ height: var(--smart-kanban-send-button-height);
1139
+ }
1140
+ .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment smart-button[disabled] {
1141
+ pointer-events: unset;
1142
+ cursor: not-allowed;
1143
+ }
1144
+ .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-comments {
1145
+ height: calc(100% - var(--smart-kanban-new-comment-height-expanded));
1146
+ }
1147
+ .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment {
1148
+ height: var(--smart-kanban-new-comment-height-expanded);
1149
+ }
1150
+ .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment textarea {
1151
+ margin-bottom: var(--smart-data-view-padding);
1152
+ height: calc(100% - var(--smart-data-view-padding) - var(--smart-kanban-send-button-height));
1153
+ display: block;
1154
+ }
1155
+ .smart-window.smart-kanban-window .comments .smart-kanban-list.comments .smart-kanban-new-comment smart-button {
1156
+ display: block;
1157
+ }
1158
+ .smart-window.smart-kanban-window .prompt,
1159
+ .smart-window.smart-kanban-window .edit {
1160
+ display: none;
1161
+ }
1162
+ .smart-window.smart-kanban-window.prompt {
1163
+ --smart-window-default-width: 250px;
1164
+ --smart-window-default-height: 150px;
1165
+ min-width: 100px;
1166
+ min-height: 100px;
1167
+ }
1168
+ .smart-window.smart-kanban-window.prompt .prompt {
1169
+ display: block;
1170
+ width: 100%;
1171
+ height: 100%;
1172
+ padding: 20px;
1173
+ }
1174
+ .smart-window.smart-kanban-window.prompt .task-text {
1175
+ display: inline-block;
1176
+ max-width: 100px;
1177
+ overflow: hidden;
1178
+ text-overflow: ellipsis;
1179
+ white-space: nowrap;
1180
+ font-weight: bold;
1181
+ }
1182
+ .smart-window.smart-kanban-window.edit {
1183
+ --smart-numeric-text-box-default-unit-display-width: 20px;
1184
+ }
1185
+ .smart-window.smart-kanban-window.edit .edit {
1186
+ display: block;
1187
+ width: 100%;
1188
+ height: 100%;
1189
+ }
1190
+ .smart-window.smart-kanban-window .editor-label {
1191
+ margin-bottom: calc(var(--smart-data-view-padding) / 2);
1192
+ text-transform: uppercase;
1193
+ }
1194
+ .smart-window.smart-kanban-window .editor-container {
1195
+ display: grid;
1196
+ grid-template-columns: 1fr 1fr;
1197
+ grid-template-rows: auto auto;
1198
+ grid-column-gap: var(--smart-data-view-padding);
1199
+ }
1200
+ .smart-window.smart-kanban-window .editor-container.single-column {
1201
+ grid-template-columns: 1fr;
1202
+ }
1203
+ .smart-window.smart-kanban-window .editor {
1204
+ width: 100%;
1205
+ margin-bottom: var(--smart-data-view-padding);
1206
+ }
1207
+ .smart-window.smart-kanban-window .description-editor {
1208
+ min-height: 75px;
1209
+ resize: none;
1210
+ border: var(--smart-border-width) solid var(--smart-border);
1211
+ border-top-right-radius: var(--smart-border-top-right-radius);
1212
+ border-top-left-radius: var(--smart-border-top-left-radius);
1213
+ border-bottom-left-radius: var(--smart-border-bottom-left-radius);
1214
+ border-bottom-right-radius: var(--smart-border-bottom-right-radius);
1215
+ background-color: var(--smart-background);
1216
+ color: var(--smart-background-color);
1217
+ font-family: inherit;
1218
+ font-size: inherit;
1219
+ }
1220
+ .smart-window.smart-kanban-window .description-editor:hover {
1221
+ border-color: var(--smart-ui-state-border-hover);
1222
+ }
1223
+ .smart-window.smart-kanban-window .description-editor:focus {
1224
+ outline: none;
1225
+ border-color: var(--smart-primary);
1226
+ }
1227
+ .smart-window.smart-kanban-window .new-container {
1228
+ display: grid;
1229
+ grid-template-columns: 1fr var(--smart-text-box-default-height);
1230
+ grid-column-gap: var(--smart-data-view-padding);
1231
+ height: var(--smart-text-box-default-height);
1232
+ }
1233
+ .smart-window.smart-kanban-window .new-container > smart-button {
1234
+ width: unset;
1235
+ height: unset;
1236
+ --smart-button-padding: 0;
1237
+ }
1238
+ .smart-window.smart-kanban-window .color-editor {
1239
+ width: 60px;
1240
+ }
1241
+ .smart-window.smart-kanban-window .checklist-editor {
1242
+ border: none;
1243
+ height: auto;
1244
+ }
1245
+ .smart-window.smart-kanban-window .checklist-editor smart-list-item .smart-overlay,
1246
+ .smart-window.smart-kanban-window .checklist-editor smart-list-item[focus][selected] .smart-overlay {
1247
+ background-color: transparent;
1248
+ }
1249
+ .smart-window.smart-kanban-window .checklist-editor smart-list-item .smart-list-item-container,
1250
+ .smart-window.smart-kanban-window .checklist-editor smart-list-item[focus][selected] .smart-list-item-container {
1251
+ border-color: transparent;
1252
+ }
1253
+ .smart-window.smart-kanban-window .checklist-editor .smart-kanban-sub-task {
1254
+ display: grid;
1255
+ grid-column-gap: 5px;
1256
+ grid-template-columns: auto auto;
1257
+ }
1258
+ .smart-window.smart-kanban-window .checklist-editor smart-list-item[selected] .label {
1259
+ text-decoration: line-through;
1260
+ }
1261
+ .smart-window.smart-kanban-window .checklist-editor .remove-subtask:after {
1262
+ content: var(--smart-icon-close);
1263
+ font-family: var(--smart-font-family-icon);
1264
+ cursor: pointer;
1265
+ }
1266
+ .smart-window.smart-kanban-window .new-subtask {
1267
+ border: var(--smart-border-width) solid var(--smart-border);
1268
+ border-top-right-radius: var(--smart-border-top-right-radius);
1269
+ border-top-left-radius: var(--smart-border-top-left-radius);
1270
+ border-bottom-left-radius: var(--smart-border-bottom-left-radius);
1271
+ border-bottom-right-radius: var(--smart-border-bottom-right-radius);
1272
+ background-color: var(--smart-background);
1273
+ color: var(--smart-background-color);
1274
+ font-family: inherit;
1275
+ font-size: inherit;
1276
+ }
1277
+ .smart-window.smart-kanban-window .new-subtask:hover {
1278
+ border-color: var(--smart-ui-state-border-hover);
1279
+ }
1280
+ .smart-window.smart-kanban-window .new-subtask:focus {
1281
+ outline: none;
1282
+ border-color: var(--smart-outline);
1283
+ }
1284
+ .smart-window.smart-kanban-window .smart-content-container > .smart-footer {
1285
+ display: flex;
1286
+ align-items: center;
1287
+ }
1288
+ .smart-window.smart-kanban-window .smart-footer smart-button {
1289
+ width: auto;
1290
+ min-width: 150px;
1291
+ margin-right: 10px;
1292
+ height: 100%;
1293
+ }
1294
+
1295
+ @media only screen and (max-width: 600px) {
1296
+ .smart-window.smart-kanban-window {
1297
+ min-width: 300px !important;
1298
+ }
1299
+ .smart-window.smart-kanban-window .details .layout {
1300
+ grid-template-columns: 1fr;
1301
+ }
1302
+ }
1303
+ /* --- Scheduler Style Color Input --- */
1304
+ .smart-color-input-drop-down-menu.smart-kanban-color-input .grid-samples-container {
1305
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1306
+ }
1307
+ .smart-color-input-drop-down-menu.smart-kanban-color-input:not([animation=none]) .default-samples-container div {
1308
+ transition: transform 0.2s ease-in-out;
1309
+ }
1310
+ .smart-color-input-drop-down-menu.smart-kanban-color-input .default-samples-container div {
1311
+ position: relative;
1312
+ border-radius: 50%;
1313
+ border: initial;
1314
+ transform: scale(0.95);
1315
+ }
1316
+ .smart-color-input-drop-down-menu.smart-kanban-color-input .default-samples-container div.selected {
1317
+ transform: scale(1);
1318
+ }
1319
+ .smart-color-input-drop-down-menu.smart-kanban-color-input .default-samples-container div.selected:not(.no-color):after {
1320
+ content: var(--smart-icon-check);
1321
+ width: 100%;
1322
+ height: 100%;
1323
+ position: absolute;
1324
+ top: 0;
1325
+ left: 0;
1326
+ display: flex;
1327
+ justify-content: center;
1328
+ align-items: center;
1329
+ font-family: var(--smart-font-family-icon);
1330
+ color: var(--smart-secondary-color);
1331
+ border-radius: inherit;
1332
+ }
1333
+
1334
+ .smart-kanban-color-input {
1335
+ --smart-input-drop-down-menu-width: auto;
1336
+ }
1337
+
1338
+ .smart-kanban-color-input.smart-color-picker {
1339
+ background: transparent !important;
1340
+ }
1341
+ .smart-kanban-color-input .smart-action-button {
1342
+ width: 100%;
1343
+ background: transparent !important;
1344
+ border: none !important;
1345
+ }
1346
+ .smart-kanban-color-input .smart-action-button .smart-color-box {
1347
+ border-radius: 50%;
1348
+ }
1349
+ .smart-kanban-color-input .smart-drop-down-button {
1350
+ display: none;
1351
+ }
1352
+
1353
+ .smart-kanban-list.dialog {
1354
+ position: absolute;
1355
+ border: var(--smart-border-width) solid var(--smart-border);
1356
+ border-top-left-radius: var(--smart-border-top-left-radius);
1357
+ border-top-right-radius: var(--smart-border-top-right-radius);
1358
+ border-bottom-left-radius: var(--smart-border-bottom-left-radius);
1359
+ border-bottom-right-radius: var(--smart-border-bottom-right-radius);
1360
+ width: var(--smart-kanban-user-list-width);
1361
+ max-height: var(--smart-kanban-user-list-max-height);
1362
+ background-color: var(--smart-background);
1363
+ box-shadow: var(--smart-elevation-8);
1364
+ overflow: auto;
1365
+ transform: scaleY(1);
1366
+ transform-origin: top;
1367
+ opacity: 1;
1368
+ z-index: 15;
1369
+ }
1370
+ .smart-kanban-list.dialog.comments .smart-kanban-comments,
1371
+ .smart-kanban-list.dialog.comments .smart-kanban-new-comment,
1372
+ .smart-kanban-list.dialog.comments .smart-kanban-new-comment textarea {
1373
+ transition: height 0.2s ease-in;
1374
+ }
1375
+ .smart-kanban-list.dialog:focus {
1376
+ outline: 1px solid var(--smart-primary);
1377
+ }
1378
+ .smart-kanban-list.dialog .item {
1379
+ display: flex;
1380
+ align-items: center;
1381
+ min-height: calc(var(--smart-kanban-user-icon-size) + 10px);
1382
+ padding: 5px 10px;
1383
+ cursor: pointer;
1384
+ }
1385
+ .smart-kanban-list.dialog .item:hover {
1386
+ background-color: var(--smart-ui-state-hover);
1387
+ color: var(--smart-ui-state-color-hover);
1388
+ }
1389
+ .smart-kanban-list.dialog .item.selected {
1390
+ border-left: var(--smart-kanban-color-band-width) solid var(--smart-primary);
1391
+ padding-left: 7px;
1392
+ background-color: var(--smart-ui-state-selected);
1393
+ color: var(--smart-ui-state-color-selected);
1394
+ }
1395
+ .smart-kanban-list.dialog .item[disabled] {
1396
+ opacity: 0.55;
1397
+ pointer-events: none;
1398
+ }
1399
+ .smart-kanban-list.dialog .icon {
1400
+ margin-right: 10px;
1401
+ border-radius: 50%;
1402
+ width: var(--smart-kanban-user-icon-size);
1403
+ min-width: var(--smart-kanban-user-icon-size);
1404
+ height: var(--smart-kanban-user-icon-size);
1405
+ background-size: cover;
1406
+ background-position: center;
1407
+ }
1408
+ .smart-kanban-list.dialog .name {
1409
+ overflow: hidden;
1410
+ text-overflow: ellipsis;
1411
+ }
1412
+ .smart-kanban-list.dialog.smart-visibility-hidden {
1413
+ transform: scaleY(0);
1414
+ opacity: 0;
1415
+ }
1416
+ .smart-kanban-list.dialog.actions.edit-comment .item[data-id="1"] {
1417
+ display: none;
1418
+ }
1419
+ .smart-kanban-list.dialog.comments {
1420
+ width: var(--smart-kanban-comments-list-width);
1421
+ height: var(--smart-kanban-comments-list-height);
1422
+ max-height: 100%;
1423
+ }
1424
+ .smart-kanban-list.dialog.comments .smart-kanban-comments {
1425
+ height: calc(100% - var(--smart-kanban-new-comment-height));
1426
+ overflow: auto;
1427
+ }
1428
+ .smart-kanban-list.dialog.comments .smart-kanban-new-comment {
1429
+ border-top: var(--smart-border-width) solid var(--smart-border);
1430
+ height: var(--smart-kanban-new-comment-height);
1431
+ padding: var(--smart-data-view-padding);
1432
+ overflow: hidden;
1433
+ }
1434
+ .smart-kanban-list.dialog.comments .smart-kanban-new-comment textarea {
1435
+ resize: none;
1436
+ width: 100%;
1437
+ height: 100%;
1438
+ border: var(--smart-border-width) solid var(--smart-border);
1439
+ border-top-right-radius: var(--smart-border-top-right-radius);
1440
+ border-top-left-radius: var(--smart-border-top-left-radius);
1441
+ border-bottom-left-radius: var(--smart-border-bottom-left-radius);
1442
+ border-bottom-right-radius: var(--smart-border-bottom-right-radius);
1443
+ background-color: var(--smart-background);
1444
+ color: var(--smart-background-color);
1445
+ font-family: inherit;
1446
+ font-size: inherit;
1447
+ }
1448
+ .smart-kanban-list.dialog.comments .smart-kanban-new-comment textarea:focus {
1449
+ outline: none;
1450
+ border-color: var(--smart-outline);
1451
+ }
1452
+ .smart-kanban-list.dialog.comments .smart-kanban-new-comment textarea:hover {
1453
+ border-color: var(--smart-ui-state-border-hover);
1454
+ }
1455
+ .smart-kanban-list.dialog.comments .smart-kanban-new-comment textarea[disabled] {
1456
+ opacity: 0.5;
1457
+ }
1458
+ .smart-kanban-list.dialog.comments .smart-kanban-new-comment smart-button {
1459
+ --smart-button-padding: 0;
1460
+ display: none;
1461
+ margin-left: auto;
1462
+ height: var(--smart-kanban-send-button-height);
1463
+ }
1464
+ .smart-kanban-list.dialog.comments .smart-kanban-new-comment smart-button[disabled] {
1465
+ pointer-events: unset;
1466
+ cursor: not-allowed;
1467
+ }
1468
+ .smart-kanban-list.dialog.comments.expanded .smart-kanban-comments {
1469
+ height: calc(100% - var(--smart-kanban-new-comment-height-expanded));
1470
+ }
1471
+ .smart-kanban-list.dialog.comments.expanded .smart-kanban-new-comment {
1472
+ height: var(--smart-kanban-new-comment-height-expanded);
1473
+ }
1474
+ .smart-kanban-list.dialog.comments.expanded .smart-kanban-new-comment textarea {
1475
+ margin-bottom: var(--smart-data-view-padding);
1476
+ height: calc(100% - var(--smart-data-view-padding) - var(--smart-kanban-send-button-height));
1477
+ display: block;
1478
+ }
1479
+ .smart-kanban-list.dialog.comments.expanded .smart-kanban-new-comment smart-button {
1480
+ display: block;
1481
+ }
1482
+
1483
+ .smart-comment {
1484
+ display: grid;
1485
+ grid-template-columns: var(--smart-kanban-user-icon-size) 1fr;
1486
+ grid-column-gap: var(--smart-data-view-padding);
1487
+ margin: var(--smart-data-view-padding);
1488
+ }
1489
+ .smart-comment .comment-header {
1490
+ display: grid;
1491
+ grid-template-columns: 1fr auto auto;
1492
+ grid-column-gap: calc(var(--smart-data-view-padding) / 2);
1493
+ margin-bottom: var(--smart-data-view-padding);
1494
+ }
1495
+ .smart-comment .user-icon {
1496
+ width: 100%;
1497
+ height: var(--smart-kanban-user-icon-size);
1498
+ border-radius: 50%;
1499
+ background-size: cover;
1500
+ background-position: center;
1501
+ }
1502
+ .smart-comment .user-icon.empty {
1503
+ background: var(--smart-surface);
1504
+ display: flex;
1505
+ align-items: center;
1506
+ justify-content: center;
1507
+ border-radius: 50%;
1508
+ border: 1px solid var(--smart-border);
1509
+ }
1510
+ .smart-comment .user-icon.empty:after {
1511
+ content: var(--smart-icon-user);
1512
+ font-family: var(--smart-font-family-icon);
1513
+ font-size: 20px;
1514
+ }
1515
+ .smart-comment .user-name {
1516
+ font-weight: bold;
1517
+ }
1518
+ .smart-comment .time {
1519
+ opacity: 0.8;
1520
+ }
1521
+ .smart-comment .remove-button {
1522
+ visibility: hidden;
1523
+ transform: rotate(90deg);
1524
+ width: 16px;
1525
+ cursor: pointer;
1526
+ }
1527
+ .smart-comment .remove-button:after {
1528
+ content: var(--smart-icon-ellipsis);
1529
+ display: flex;
1530
+ align-items: center;
1531
+ justify-content: center;
1532
+ height: 100%;
1533
+ font-family: var(--smart-font-family-icon);
1534
+ cursor: pointer;
1535
+ }
1536
+ .smart-comment .remove-button.enabled {
1537
+ visibility: visible;
1538
+ }
1539
+
1540
+ .smart-kanban-task-text {
1541
+ display: flex;
1542
+ align-items: center;
1543
+ }
1544
+ .smart-kanban-task-text .priority {
1545
+ font-family: var(--smart-font-family-icon);
1546
+ margin-left: 5px;
1547
+ display: inline-block;
1548
+ width: 16px;
1549
+ height: 16px;
1550
+ }
1551
+ .smart-kanban-task-text .priority.low {
1552
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232666BE'%3E%3Cpath d='M2.73804 7.00207C1.96611 5.66874 2.92823 4 4.46889 4H19.5311C21.0718 4 22.0339 5.66874 21.262 7.00207L13.7309 20.0103C12.9605 21.3409 11.0395 21.3409 10.2691 20.0103L2.73804 7.00207Z'/%3E%3C/svg%3E");
1553
+ }
1554
+ .smart-kanban-task-text .priority.average {
1555
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23005C99'%3E%3Cpath d='M12 5.98999L19.53 19H4.47L12 5.98999ZM2.74 18C1.97 19.33 2.93 21 4.47 21H19.53C21.07 21 22.03 19.33 21.26 18L13.73 4.98999C12.96 3.65999 11.04 3.65999 10.27 4.98999L2.74 18Z'/%3E%3C/svg%3E");
1556
+ }
1557
+ .smart-kanban-task-text .priority.high {
1558
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23DD5347'%3E%3Cpath d='M2.73804 17.9979C1.96611 19.3313 2.92823 21 4.46889 21H19.5311C21.0718 21 22.0339 19.3313 21.262 17.9979L13.7309 4.98965C12.9605 3.65908 11.0395 3.65908 10.2691 4.98965L2.73804 17.9979Z'/%3E%3C/svg%3E");
1559
+ }
1560
+ .smart-kanban-task-text .priority.critical {
1561
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23AF0020'%3E%3Cpath d='M2.73804 17.9979C1.96611 19.3313 2.92823 21 4.46889 21H19.5311C21.0718 21 22.0339 19.3313 21.262 17.9979L13.7309 4.98965C12.9605 3.65908 11.0395 3.65908 10.2691 4.98965L2.73804 17.9979ZM13.5 17.5C13.5 18.3284 12.8284 19 12 19V19C11.1716 19 10.5 18.3284 10.5 17.5V17.5C10.5 16.6716 11.1716 16 12 16V16C12.8284 16 13.5 16.6716 13.5 17.5V17.5ZM13.5 13.5C13.5 14.3284 12.8284 15 12 15V15C11.1716 15 10.5 14.3284 10.5 13.5V9.5C10.5 8.67157 11.1716 8 12 8V8C12.8284 8 13.5 8.67157 13.5 9.5V13.5Z'/%3E%3C/svg%3E");
1562
+ }
1563
+
1564
+ .smart-kanban[right-to-left] .smart-kanban-body,
1565
+ .smart-kanban[right-to-left] .smart-kanban-column-header-label,
1566
+ .smart-kanban[right-to-left] .swimlane {
1567
+ direction: rtl;
1568
+ }
1569
+ .smart-kanban[right-to-left] .smart-kanban-column.collapsed > .smart-kanban-column-header > .smart-kanban-column-header-label {
1570
+ margin-bottom: auto;
1571
+ }
1572
+ .smart-kanban[right-to-left] .smart-kanban-column:not(.collapsed) .smart-kanban-column-header .smart-arrow {
1573
+ transform: rotate(180deg);
1574
+ }
1575
+ .smart-kanban[right-to-left] .smart-kanban-list {
1576
+ direction: rtl;
1577
+ }
1578
+ .smart-kanban[right-to-left] .smart-kanban-list .icon {
1579
+ margin-left: 10px;
1580
+ margin-right: unset;
1581
+ }
1582
+ .smart-kanban[right-to-left] .smart-kanban-list .item.selected {
1583
+ border-left: unset;
1584
+ border-right: var(--smart-kanban-color-band-width) solid var(--smart-primary);
1585
+ padding-left: 10px;
1586
+ padding-right: 7px;
1587
+ }
1588
+ .smart-kanban[right-to-left][add-new-button] .smart-kanban-column[add-new-button] > .smart-kanban-column-header > .smart-kanban-column-header-add::after {
1589
+ padding: 0 0 10px 10px;
1590
+ }
1591
+
1592
+ .smart-kanban-feedback[right-to-left] .smart-kanban-task {
1593
+ direction: rtl;
1594
+ }
1595
+
1596
+ [right-to-left] .smart-kanban-task {
1597
+ border-left: var(--smart-border-width) solid var(--smart-border);
1598
+ border-right: var(--smart-kanban-color-band-width) solid var(--smart-primary);
1599
+ border-top-left-radius: var(--smart-border-top-right-radius);
1600
+ border-bottom-left-radius: var(--smart-border-bottom-right-radius);
1601
+ border-top-right-radius: 0;
1602
+ border-bottom-right-radius: 0;
1603
+ }
1604
+ [right-to-left] .smart-kanban-task-progress {
1605
+ left: unset;
1606
+ right: 0;
1607
+ }/*# sourceMappingURL=smart.kanban.css.map */