@zohodesk/dot 1.0.0-temp-72 → 1.0.0-temp-73

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 (300) hide show
  1. package/README.md +1067 -1063
  2. package/assets/Appearance/dark/mode/dotDarkMode.module.css +10 -0
  3. package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +6 -0
  4. package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css +6 -0
  5. package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +6 -0
  6. package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css +6 -0
  7. package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +6 -0
  8. package/assets/Appearance/default/mode/dotDefaultMode.module.css +10 -0
  9. package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +6 -0
  10. package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +6 -0
  11. package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +6 -0
  12. package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +6 -0
  13. package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +6 -0
  14. package/dubFinder.js +96 -96
  15. package/es/ActionButton/ActionButton.module.css +120 -136
  16. package/es/AlphabeticList/AlphabeticList.module.css +54 -57
  17. package/es/Attachment/Attachment.module.css +121 -132
  18. package/es/AttachmentViewer/Attachment.js +17 -0
  19. package/es/AttachmentViewer/AttachmentImage.js +85 -0
  20. package/es/AttachmentViewer/AttachmentViewer.js +562 -0
  21. package/es/AttachmentViewer/AttachmentViewer.module.css +291 -0
  22. package/es/AttachmentViewer/utils.js +107 -0
  23. package/es/ChannelIcon/ChannelIcon.module.css +208 -217
  24. package/es/Drawer/Drawer.js +0 -0
  25. package/es/Drawer/Drawer.module.css +103 -151
  26. package/es/ExternalLink/ExternalLink.js +0 -0
  27. package/es/ExternalLink/ExternalLink.module.css +3 -3
  28. package/es/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
  29. package/es/FlipCard/FlipCard.module.css +35 -44
  30. package/es/FormAction/FormAction.module.css +57 -82
  31. package/es/FreezeLayer/FreezeLayer.module.css +38 -42
  32. package/es/IconButton/IconButton.module.css +22 -22
  33. package/es/Image/Image.module.css +10 -10
  34. package/es/ImportantNotes/ImportantNotes.module.css +15 -20
  35. package/es/Link/Link.js +0 -0
  36. package/es/Link/Link.module.css +3 -3
  37. package/es/Loader/Loader.module.css +25 -46
  38. package/es/Message/Message.module.css +69 -102
  39. package/es/MessageBanner/MessageBanner.module.css +38 -46
  40. package/es/NewStar/NewStar.module.css +73 -110
  41. package/es/PlusIcon/PlusIcon.js +0 -0
  42. package/es/PlusIcon/PlusIcon.module.css +16 -16
  43. package/es/Provider.js +35 -88
  44. package/es/ToastMessage/ToastMessage.js +0 -0
  45. package/es/ToastMessage/ToastMessage.module.css +257 -328
  46. package/es/Upload/Upload.module.css +106 -125
  47. package/es/alert/AlertHeader/AlertHeader.module.css +62 -80
  48. package/es/alert/AlertLookup/AlertLookup.module.css +22 -26
  49. package/es/avatar/AvatarClose/AvatarClose.module.css +31 -37
  50. package/es/avatar/AvatarCollision/AvatarCollision.module.css +55 -69
  51. package/es/avatar/AvatarIcon/AvatarIcon.module.css +59 -58
  52. package/es/avatar/AvatarStatus/AvatarStatus.js +0 -0
  53. package/es/avatar/AvatarStatus/AvatarStatus.module.css +96 -146
  54. package/es/avatar/AvatarThread/AvatarThread.module.css +113 -163
  55. package/es/avatar/AvatarUser/AvatarUser.js +0 -0
  56. package/es/avatar/AvatarUser/AvatarUser.module.css +100 -171
  57. package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +16 -23
  58. package/es/common/dot_animation.module.css +14 -0
  59. package/es/common/dot_common.module.css +4 -0
  60. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +47 -55
  61. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +84 -97
  62. package/es/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
  63. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +77 -85
  64. package/es/emptystate/EditionPage/EditionPage.css +37 -43
  65. package/es/errorstate/EmptyStates.module.css +84 -87
  66. package/es/errorstate/Inconvenience/Inconvenience.module.css +4 -7
  67. package/es/errorstate/LinkText/LinkText.module.css +6 -6
  68. package/es/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  69. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  70. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  71. package/es/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  72. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  73. package/es/errorstate/WillBack/WillBack.module.css +36 -34
  74. package/es/form/fields/CheckBoxField/CheckBoxField.js +0 -0
  75. package/es/form/fields/Fields.module.css +148 -183
  76. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +95 -107
  77. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +6 -9
  78. package/es/form/fields/TextEditor/TextEditor.module.css +589 -666
  79. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +25 -36
  80. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +22 -27
  81. package/es/form/layout/Field/Field.js +0 -0
  82. package/es/form/layout/Field/Field.module.css +22 -22
  83. package/es/form/layout/Section/ModuleFormSection.module.css +3 -3
  84. package/es/form/layout/Section/Section.js +0 -0
  85. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +116 -152
  86. package/es/layout/SubtabLayout/SubtabLayout.module.css +120 -146
  87. package/es/list/AvatarFlip/AvatarFlip.module.css +3 -3
  88. package/es/list/BluePrintStatus/BluePrintStatus.module.css +14 -17
  89. package/es/list/Comment/Comment.module.css +24 -29
  90. package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
  91. package/es/list/Dot/Dot.module.css +15 -15
  92. package/es/list/DotNew/DotNew.module.css +22 -22
  93. package/es/list/GridStencils/GridStencils.module.css +102 -156
  94. package/es/list/Icons/Icons.module.css +15 -15
  95. package/es/list/ListLayout/ListLayout.module.css +49 -57
  96. package/es/list/ListStencils/ListStencils.module.css +62 -67
  97. package/es/list/SecondaryText/SecondaryText.module.css +126 -136
  98. package/es/list/SecondaryText/Website.js +0 -0
  99. package/es/list/SecondryPanel/SecondryPanel.js +0 -0
  100. package/es/list/SecondryPanel/SecondryPanel.module.css +5 -5
  101. package/es/list/SentimentStatus/SentimentStatus.module.css +9 -12
  102. package/es/list/Subject/Subject.module.css +27 -27
  103. package/es/list/TagNew/TagNew.module.css +108 -115
  104. package/es/list/Thread/Thread.module.css +30 -42
  105. package/es/list/UserTime/UserTime.module.css +52 -58
  106. package/es/list/listCommon.module.css +52 -60
  107. package/es/list/status/StatusDropdown/StatusDropdown.module.css +76 -89
  108. package/es/list/status/StatusListItem/StatusListItem.js +0 -0
  109. package/es/list/status/StatusListItem/StatusListItem.module.css +81 -104
  110. package/es/lookup/EmptyPage/EmptyPage.js +0 -0
  111. package/es/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  112. package/es/lookup/Lookup/Lookup.js +0 -0
  113. package/es/lookup/Lookup/Lookup.module.css +26 -26
  114. package/es/lookup/Section/LookupSection.module.css +8 -8
  115. package/es/lookup/header/Close/LookupClose.module.css +15 -15
  116. package/es/lookup/header/Search/LookupSearch.module.css +48 -57
  117. package/es/lookup/header/TicketHeader/TicketHeader.module.css +19 -22
  118. package/es/lookup/header/Title/LookupTitle.module.css +20 -20
  119. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +45 -50
  120. package/es/lookup/header/lookupHeaderCommon.module.css +25 -35
  121. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +15 -24
  122. package/es/setup/header/Button/HeaderButton.module.css +3 -5
  123. package/es/setup/header/Link/HeaderLink.module.css +15 -21
  124. package/es/setup/header/Search/Search.module.css +57 -68
  125. package/es/setup/header/Views/Views.module.css +27 -37
  126. package/es/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  127. package/es/setup/helptips/Link/HelpTipsLink.module.css +6 -7
  128. package/es/setup/helptips/Link/Link.js +0 -0
  129. package/es/setup/helptips/ListGroup/ListGroup.module.css +17 -22
  130. package/es/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  131. package/es/setup/helptips/Title/Title.js +0 -0
  132. package/es/setup/table/TableData/SetupTableData.module.css +36 -44
  133. package/es/setup/table/TableData/Tablehover.module.css +6 -6
  134. package/es/setup/table/TableHead/SetupTableHead.module.css +8 -12
  135. package/es/setup/table/TableRow/SetupTableRow.module.css +10 -14
  136. package/es/setup/table/Text/TableText.module.css +37 -37
  137. package/es/setup/table/Text/Text.js +0 -0
  138. package/es/svg/PlusIcon.js +1 -1
  139. package/es/svg/SnippetIcon.js +2 -2
  140. package/es/utils/KeyboardApi.js +25 -25
  141. package/es/version2/AlertClose/AlertClose.module.css +42 -42
  142. package/es/version2/GlobalNotification/GlobalNotification.module.css +89 -124
  143. package/es/version2/alertIcons/AlertIcons.module.css +67 -67
  144. package/es/version2/errorstate/V2_ErrorStates.module.css +46 -46
  145. package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css +63 -86
  146. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +39 -43
  147. package/es/version2/lookup/alertLookupCommonNew.module.css +25 -32
  148. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +90 -106
  149. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +99 -136
  150. package/images/audio_thumbnail.png +0 -0
  151. package/lib/ActionButton/ActionButton.module.css +137 -136
  152. package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
  153. package/lib/Attachment/Attachment.module.css +132 -132
  154. package/lib/ChannelIcon/ChannelIcon.module.css +217 -217
  155. package/lib/Drawer/Drawer.js +0 -0
  156. package/lib/Drawer/Drawer.module.css +151 -151
  157. package/lib/ExternalLink/ExternalLink.js +0 -0
  158. package/lib/ExternalLink/ExternalLink.module.css +3 -3
  159. package/lib/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
  160. package/lib/FlipCard/FlipCard.module.css +44 -44
  161. package/lib/FormAction/FormAction.module.css +82 -82
  162. package/lib/FreezeLayer/FreezeLayer.js +4 -31
  163. package/lib/FreezeLayer/FreezeLayer.module.css +42 -42
  164. package/lib/IconButton/IconButton.module.css +22 -22
  165. package/lib/Image/Image.module.css +10 -10
  166. package/lib/ImportantNotes/ImportantNotes.module.css +20 -20
  167. package/lib/Link/Link.js +0 -0
  168. package/lib/Link/Link.module.css +3 -3
  169. package/lib/Loader/Loader.module.css +46 -46
  170. package/lib/Message/Message.module.css +102 -102
  171. package/lib/MessageBanner/MessageBanner.module.css +46 -46
  172. package/lib/NewStar/NewStar.module.css +110 -110
  173. package/lib/PlusIcon/PlusIcon.js +0 -0
  174. package/lib/PlusIcon/PlusIcon.module.css +16 -16
  175. package/lib/Provider.js +37 -107
  176. package/lib/ToastMessage/ToastMessage.js +0 -0
  177. package/lib/ToastMessage/ToastMessage.module.css +328 -328
  178. package/lib/Upload/Upload.module.css +125 -125
  179. package/lib/alert/AlertHeader/AlertHeader.module.css +80 -80
  180. package/lib/alert/AlertLookup/AlertLookup.module.css +26 -26
  181. package/lib/avatar/AvatarClose/AvatarClose.module.css +37 -37
  182. package/lib/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
  183. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  184. package/lib/avatar/AvatarStatus/AvatarStatus.js +0 -0
  185. package/lib/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
  186. package/lib/avatar/AvatarThread/AvatarThread.module.css +163 -163
  187. package/lib/avatar/AvatarUser/AvatarUser.js +0 -0
  188. package/lib/avatar/AvatarUser/AvatarUser.module.css +171 -171
  189. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
  190. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +55 -55
  191. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +97 -97
  192. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
  193. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
  194. package/lib/emptystate/EditionPage/EditionPage.css +43 -43
  195. package/lib/errorstate/EmptyStates.module.css +87 -87
  196. package/lib/errorstate/Inconvenience/Inconvenience.module.css +7 -7
  197. package/lib/errorstate/LinkText/LinkText.module.css +6 -6
  198. package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  199. package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  200. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  201. package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  202. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  203. package/lib/errorstate/WillBack/WillBack.module.css +34 -34
  204. package/lib/form/fields/CheckBoxField/CheckBoxField.js +1 -1
  205. package/lib/form/fields/CurrencyField/CurrencyField.js +8 -9
  206. package/lib/form/fields/DateField/DateField.js +1 -1
  207. package/lib/form/fields/Fields.module.css +183 -183
  208. package/lib/form/fields/MultiSelectField/MultiSelectField.js +1 -1
  209. package/lib/form/fields/PhoneField/PhoneField.js +1 -1
  210. package/lib/form/fields/RadioField/RadioField.js +1 -1
  211. package/lib/form/fields/SelectField/SelectField.js +1 -1
  212. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +4 -7
  213. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
  214. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
  215. package/lib/form/fields/TextBoxField/TextBoxField.js +1 -1
  216. package/lib/form/fields/TextEditor/TextEditor.module.css +655 -666
  217. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +36 -36
  218. package/lib/form/fields/TextareaField/TextareaField.js +1 -1
  219. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  220. package/lib/form/layout/Field/Field.js +0 -0
  221. package/lib/form/layout/Field/Field.module.css +22 -22
  222. package/lib/form/layout/Section/ModuleFormSection.module.css +3 -3
  223. package/lib/form/layout/Section/Section.js +0 -0
  224. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
  225. package/lib/layout/SubtabLayout/SubtabLayout.module.css +146 -146
  226. package/lib/list/AvatarFlip/AvatarFlip.module.css +3 -3
  227. package/lib/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
  228. package/lib/list/Comment/Comment.module.css +29 -29
  229. package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
  230. package/lib/list/Dot/Dot.module.css +15 -15
  231. package/lib/list/DotNew/DotNew.module.css +22 -22
  232. package/lib/list/GridStencils/GridStencils.module.css +156 -156
  233. package/lib/list/Icons/Icons.module.css +15 -15
  234. package/lib/list/ListLayout/ListLayout.module.css +57 -57
  235. package/lib/list/ListStencils/ListStencils.module.css +67 -67
  236. package/lib/list/SecondaryText/SecondaryText.module.css +136 -136
  237. package/lib/list/SecondaryText/Website.js +0 -0
  238. package/lib/list/SecondryPanel/SecondryPanel.js +0 -0
  239. package/lib/list/SecondryPanel/SecondryPanel.module.css +5 -5
  240. package/lib/list/SentimentStatus/SentimentStatus.module.css +12 -12
  241. package/lib/list/Subject/Subject.module.css +27 -27
  242. package/lib/list/TagNew/TagNew.module.css +115 -115
  243. package/lib/list/Thread/Thread.module.css +42 -42
  244. package/lib/list/UserTime/UserTime.module.css +58 -58
  245. package/lib/list/listCommon.module.css +60 -60
  246. package/lib/list/status/StatusDropdown/StatusDropdown.js +37 -44
  247. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +89 -89
  248. package/lib/list/status/StatusListItem/StatusListItem.js +0 -0
  249. package/lib/list/status/StatusListItem/StatusListItem.module.css +104 -104
  250. package/lib/lookup/EmptyPage/EmptyPage.js +0 -0
  251. package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  252. package/lib/lookup/Lookup/Lookup.js +0 -0
  253. package/lib/lookup/Lookup/Lookup.module.css +26 -26
  254. package/lib/lookup/Section/LookupSection.module.css +8 -8
  255. package/lib/lookup/header/Close/LookupClose.module.css +15 -15
  256. package/lib/lookup/header/Search/LookupSearch.module.css +57 -57
  257. package/lib/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
  258. package/lib/lookup/header/Title/LookupTitle.module.css +20 -20
  259. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
  260. package/lib/lookup/header/lookupHeaderCommon.module.css +35 -35
  261. package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
  262. package/lib/setup/header/Button/HeaderButton.module.css +5 -5
  263. package/lib/setup/header/Link/HeaderLink.module.css +21 -21
  264. package/lib/setup/header/Search/Search.module.css +68 -68
  265. package/lib/setup/header/Views/Views.js +2 -2
  266. package/lib/setup/header/Views/Views.module.css +37 -37
  267. package/lib/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  268. package/lib/setup/helptips/Link/HelpTipsLink.module.css +7 -7
  269. package/lib/setup/helptips/Link/Link.js +0 -0
  270. package/lib/setup/helptips/ListGroup/ListGroup.module.css +22 -22
  271. package/lib/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  272. package/lib/setup/helptips/Title/Title.js +0 -0
  273. package/lib/setup/table/TableData/SetupTableData.module.css +44 -44
  274. package/lib/setup/table/TableData/Tablehover.module.css +6 -6
  275. package/lib/setup/table/TableHead/SetupTableHead.module.css +12 -12
  276. package/lib/setup/table/TableRow/SetupTableRow.module.css +14 -14
  277. package/lib/setup/table/Text/TableText.module.css +37 -37
  278. package/lib/setup/table/Text/Text.js +0 -0
  279. package/lib/svg/PlusIcon.js +1 -1
  280. package/lib/svg/SnippetIcon.js +2 -2
  281. package/lib/utils/General.js +24 -0
  282. package/lib/utils/KeyboardApi.js +25 -25
  283. package/lib/version2/AlertClose/AlertClose.module.css +42 -42
  284. package/lib/version2/GlobalNotification/GlobalNotification.module.css +124 -124
  285. package/lib/version2/alertIcons/AlertIcons.module.css +67 -67
  286. package/lib/version2/errorstate/V2_ErrorStates.module.css +46 -46
  287. package/lib/version2/lookup/AlertHeader/AlertHeaderNew.module.css +86 -86
  288. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
  289. package/lib/version2/lookup/alertLookupCommonNew.module.css +32 -32
  290. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +106 -106
  291. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
  292. package/package.json +81 -81
  293. package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +0 -521
  294. package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css +0 -10
  295. package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css +0 -10
  296. package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css +0 -10
  297. package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css +0 -10
  298. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css +0 -10
  299. package/lib/Provider/Config.js +0 -21
  300. package/lib/deprecated/utils/General.js +0 -29
package/es/form/fields/TextEditor/TextEditor.module.css CHANGED
@@ -1,666 +1,589 @@
1
- /* point 1 - in case if anyone want to set height use min-height instead of height. Don't set height because it needs to wrap below */
2
-
3
- /* editor common css */
4
- .icon {
5
- position: relative;
6
- top: calc(var(--zd_size1) * -1);
7
- display: inline-block;
8
- vertical-align: middle;
9
- width: var(--zd_size24);
10
- height: var(--zd_size24);
11
- color: inherit;
12
- fill: currentColor;
13
- }
14
- .small {
15
- width: var(--zd_size15);
16
- height: var(--zd_size15);
17
- }
18
- .threeDotIcon {
19
- display: inline-block;
20
- }
21
- [dir=ltr] .threeDotIcon {
22
- transform: rotate(90deg);
23
- }
24
- [dir=rtl] .threeDotIcon {
25
- transform: rotate(-90deg);
26
- }
27
- .textEditor * {
28
- box-sizing: initial;
29
- line-height: initial;
30
- font-family: var(--zd_regular);
31
- }
32
- .textEditor {
33
- height: 100%;
34
- width: 100%;
35
- }
36
- .textEditor :global .KB_Editor {
37
- box-sizing: border-box;
38
- }
39
- .light :global .KB_Editor {
40
- color: var(--zdt_texteditor_default_text);
41
- background-color: var(--zdt_texteditor_default_bg);
42
- }
43
- .night :global .KB_Editor {
44
- color: var(--zdt_texteditor_night_text);
45
- background-color: var(--zdt_texteditor_night_bg);
46
- }
47
- .small :global .KB_Editor_menus, .medium :global .KB_Editor_menus, .large :global .KB_Editor_menus, .xlarge :global .KB_Editor_menus, .default :global .KB_Editor_menus {
48
- background-color: var(--zdt_texteditor_menu_bg);
49
- box-shadow: none;
50
- }
51
- .medium.borderTop :global .KB_Editor, .large.borderTop :global .KB_Editor, .xlarge.borderTop :global .KB_Editor, .default.borderTop :global .KB_Editor {
52
- border: 0;
53
- border-top: 1px solid var(--zdt_texteditor_default_border);
54
- }
55
- .medium.borderAll :global .KB_Editor, .large.borderAll :global .KB_Editor, .xlarge.borderAll :global .KB_Editor, .default.borderAll :global .KB_Editor {
56
- border: solid 1px var(--zdt_texteditor_default_border);
57
- }
58
-
59
- .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.TextSize_Type, .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Text_Type, .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.TextSize_Type, .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Text_Type, .xlarge :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .xlarge :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.TextSize_Type, .xlarge :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Text_Type, .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.TextSize_Type, .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Text_Type {
60
- border: solid 1px var(--zdt_texteditor_default_border);
61
- background-color: transparent;
62
- }
63
-
64
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .medium :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext, .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
65
- background-color: transparent;
66
- }
67
-
68
- .small :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
69
- .small :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
70
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
71
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
72
- .large :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
73
- .large :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
74
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
75
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
76
- .default :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
77
- .default :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel {
78
- color: var(--zdt_texteditor_default_text);
79
- }
80
-
81
- .small :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .small :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel, .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel, .large :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .large :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel, .default :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .default :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel {
82
- background-color: var(--zdt_texteditor_menu_li_bg);
83
- }
84
-
85
- .textEditor :global .KB_Editor_MultiTools li .Kbeditor_more_icon svg {
86
- fill: var(--zdt_texteditor_more_icon_fill);
87
- }
88
- /* large type editor - ticket add form editor */
89
- .large :global .KB_Editor,
90
- .large :global .KB_Editor_menus .KB_Editor_MultiTools,
91
- .large :global .KB_Editor_menus .KB_Editor_MultiTools > li,
92
- .default :global .KB_Editor,
93
- .default :global .KB_Editor_menus .KB_Editor_MultiTools,
94
- .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
95
- display: -webkit-box;
96
- display: -ms-flexbox;
97
- display: flex;
98
- }
99
- .large :global .KB_Editor,
100
- .default :global .KB_Editor {
101
- width: 100%;
102
- position: relative;
103
- -webkit-box-orient: vertical;
104
- -webkit-box-direction: normal;
105
- -webkit-flex-direction: column;
106
- -ms-flex-direction: column;
107
- flex-direction: column;
108
- }
109
- .large :global .KB_Editor {
110
- height: var(--zd_size270);
111
- }
112
- .default :global .KB_Editor {
113
- height: 100%;
114
- }
115
-
116
- .large :global .KB_Editor_iframe,
117
- .large :global .KB_Editor .ze_area,
118
- .default :global .KB_Editor_iframe,
119
- .default :global .KB_Editor .ze_area {
120
- height: 100%;
121
- -webkit-box-flex: 1;
122
- -ms-flex-positive: 1;
123
- flex-grow: 1;
124
- min-width: 0;
125
- min-height: auto;
126
- }
127
- .large :global .KB_Editor_menus,
128
- .default :global .KB_Editor_menus {
129
- min-height: unset; /* check point 1 */
130
- flex: 0 0 auto;
131
- }
132
- .large :global .KB_Editor_menus, .default :global .KB_Editor_menus {
133
- padding: var(--zd_size6);
134
- border-bottom: 0;
135
- }
136
- .large :global .KB_Editor_menus .KB_Editor_MultiTools,
137
- .default :global .KB_Editor_menus .KB_Editor_MultiTools {
138
- -ms-flex-wrap: wrap;
139
- flex-wrap: wrap;
140
- min-height: inherit;
141
- }
142
- .large :global .KB_Editor_menus .KB_Editor_MultiTools > li,
143
- .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
144
- height: unset;
145
- -webkit-box-align: center;
146
- -ms-flex-align: center;
147
- align-items: center;
148
- }
149
- .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
150
- padding: 0;
151
- float: unset;
152
- }
153
- [dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
154
- margin-right: 0;
155
- }
156
- [dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
157
- margin-left: 0;
158
- }
159
- .large :global .KB_Editor_menus .KB_Editor_MultiTools li span,
160
- .default :global .KB_Editor_menus .KB_Editor_MultiTools li span {
161
- line-height: 0;
162
- }
163
- .large :global .KB_Editor_menus .KB_Editor_MultiTools li.fright, .defaults :global .KB_Editor_menus .KB_Editor_MultiTools li.fright {
164
- float: unset !important;
165
- }
166
- .large :global .KB_Editor_menus > ul > li > span > svg,
167
- .default :global .KB_Editor_menus > ul > li > span > svg {
168
- width: var(--zd_size28);
169
- height: var(--zd_size28);
170
- }
171
- .large :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg,
172
- .default :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
173
- width: var(--zd_size8);
174
- height: var(--zd_size8);
175
- }
176
- .large :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg,
177
- .default :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
178
- height: var(--zd_size10);
179
- width: var(--zd_size17);
180
- }
181
- .large :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg, .default :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
182
- padding: var(--zd_size7) var(--zd_size5);
183
- }
184
- .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div,
185
- .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type,
186
- .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
187
- .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext,
188
- .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div,
189
- .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type,
190
- .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
191
- .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
192
- line-height: unset;
193
- }
194
- .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div, .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div, .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
195
- padding: var(--zd_size3) var(--zd_size6);
196
- }
197
- .large :global .KB_Editor_menus .ze_spell,
198
- .default :global .KB_Editor_menus .ze_spell {
199
- top: initial;
200
- bottom: calc(var(--zd_size32) * -1);
201
- }
202
- [dir=ltr] .large :global .KB_Editor_menus .ze_spell, [dir=ltr] .default :global .KB_Editor_menus .ze_spell {
203
- right: 0;
204
- }
205
- [dir=rtl] .large :global .KB_Editor_menus .ze_spell, [dir=rtl] .default :global .KB_Editor_menus .ze_spell {
206
- left: 0;
207
- }
208
- [dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
209
- margin-right: var(--zd_size2);
210
- }
211
- [dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
212
- margin-left: var(--zd_size2);
213
- }
214
-
215
- /* xlarge type editor - reply area, blue print cases - full height hover style */
216
- .xlarge :global .KB_Editor,
217
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools,
218
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
219
- display: -webkit-box;
220
- display: -ms-flexbox;
221
- display: flex;
222
- }
223
- .xlarge :global .KB_Editor {
224
- height: 100%;
225
- width: 100%;
226
- position: relative;
227
- -webkit-box-orient: vertical;
228
- -webkit-box-direction: normal;
229
- -webkit-flex-direction: column;
230
- -ms-flex-direction: column;
231
- flex-direction: column;
232
- }
233
-
234
- .xlarge :global .KB_Editor_iframe,
235
- .xlarge :global .KB_Editor .ze_area {
236
- height: 100%;
237
- -webkit-box-flex: 1;
238
- -ms-flex-positive: 1;
239
- flex-grow: 1;
240
- min-height: 0;
241
- min-width: 0;
242
- }
243
- .xlarge :global .KB_Editor_menus {
244
- min-height: 37px; /* check point 1 */
245
- flex: 0 0 auto;
246
- padding: 0;
247
- }
248
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools {
249
- -ms-flex-wrap: wrap;
250
- flex-wrap: wrap;
251
- min-height: inherit;
252
- }
253
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
254
- height: unset;
255
- -webkit-box-align: center;
256
- -ms-flex-align: center;
257
- align-items: center;
258
- padding: 0;
259
- float: unset;
260
- }
261
- [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
262
- margin-right: 0;
263
- }
264
- [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
265
- margin-left: 0;
266
- }
267
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools li span {
268
- line-height: 0;
269
- }
270
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div,
271
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
272
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
273
- line-height: 0;
274
- }
275
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
276
- padding: var(--zd_size6);
277
- }
278
- .xlarge :global .KB_Editor_menus > ul > li > span > svg {
279
- width: var(--zd_size22);
280
- height: var(--zd_size22);
281
- }
282
- .xlarge :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
283
- width: var(--zd_size8);
284
- height: var(--zd_size8);
285
- }
286
- .xlarge :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
287
- height: var(--zd_size9);
288
- width: var(--zd_size17);
289
- padding: var(--zd_size7) var(--zd_size5);
290
- }
291
- .xlarge :global .KB_Editor_menus .ze_spell {
292
- top: initial;
293
- bottom: -32px;
294
- }
295
- [dir=ltr] .xlarge :global .KB_Editor_menus .ze_spell {
296
- right: 0;
297
- }
298
- [dir=rtl] .xlarge :global .KB_Editor_menus .ze_spell {
299
- left: 0;
300
- }
301
-
302
- .xlarge :global .KB_Editor_menus > ul > li > span.SnippetIcon svg {
303
- width: var(--zd_size17);
304
- height: var(--zd_size21);
305
- padding: 0 var(--zd_size7);
306
- }
307
- .xlarge :global .KB_Editor_menus > ul > li > span.TemplateIcon svg {
308
- width: var(--zd_size16);
309
- height: var(--zd_size16);
310
- padding: 0 var(--zd_size9);
311
- }
312
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon {
313
- position: relative;
314
- }
315
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon::after {
316
- content: '';
317
- position: absolute;
318
- height: 100%;
319
- width: var(--zd_size1);
320
- top: 0;
321
- }
322
- [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon::after {
323
- border-right: 1px solid var(--zdt_texteditor_default_border);
324
- right: 0;
325
- }
326
- [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon::after {
327
- border-left: 1px solid var(--zdt_texteditor_default_border);
328
- left: 0;
329
- }
330
- .xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon {
331
- top: initial;
332
- padding: 0 var(--zd_size7);
333
- }
334
- .xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon > svg {
335
- width: var(--zd_size12);
336
- height: var(--zd_size12);
337
- }
338
- .xlarge
339
- :global
340
- .KB_Editor_menus
341
- > ul
342
- > li
343
- > span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(.TemplateIcon):not(.KB_Editor_Richtext):not(.KB_Editor_PlainText) {
344
- height: var(--zd_size21);
345
- }
346
- .xlarge
347
- :global
348
- .KB_Editor_menus
349
- > ul
350
- > li
351
- > span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(.TemplateIcon)
352
- > svg {
353
- width: var(--zd_size21);
354
- height: var(--zd_size21);
355
- padding: 0 var(--zd_size4);
356
- }
357
- [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText {
358
- padding: var(--zd_size8) var(--zd_size8) var(--zd_size7) var(--zd_size4);
359
- }
360
- [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText {
361
- padding: var(--zd_size8) var(--zd_size4) var(--zd_size7) var(--zd_size8);
362
- }
363
- [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
364
- padding: var(--zd_size8) var(--zd_size4) var(--zd_size7) var(--zd_size8);
365
- }
366
- [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
367
- padding: var(--zd_size8) var(--zd_size8) var(--zd_size7) var(--zd_size4);
368
- }
369
-
370
- /* medium type editor - snippet, bug tracker cases */
371
- .medium :global .KB_Editor,
372
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools,
373
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li {
374
- display: -webkit-box;
375
- display: -ms-flexbox;
376
- display: flex;
377
- }
378
- .medium :global .KB_Editor {
379
- height: 100%;
380
- width: 100%;
381
- position: relative;
382
- -webkit-box-orient: vertical;
383
- -webkit-box-direction: normal;
384
- -webkit-flex-direction: column;
385
- -ms-flex-direction: column;
386
- flex-direction: column;
387
- }
388
-
389
- .medium :global .KB_Editor_iframe,
390
- .medium :global .KB_Editor .ze_area {
391
- height: 100%;
392
- -webkit-box-flex: 1;
393
- -ms-flex-positive: 1;
394
- flex-grow: 1;
395
- min-height: 0;
396
- min-width: 0;
397
- }
398
- .medium :global .KB_Editor_menus {
399
- min-height: unset; /* check point 1 */
400
- flex: 0 0 auto;
401
- padding: 0;
402
- border-bottom: 0;
403
- }
404
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools {
405
- -ms-flex-wrap: wrap;
406
- flex-wrap: wrap;
407
- min-height: inherit;
408
- }
409
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li {
410
- height: unset;
411
- -webkit-box-align: center;
412
- -ms-flex-align: center;
413
- align-items: center;
414
- padding: var(--zd_size3) var(--zd_size1);
415
- float: unset;
416
- }
417
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools li span {
418
- line-height: 0;
419
- }
420
- .medium :global .KB_Editor_menus > ul > li > span > svg {
421
- width: var(--zd_size22);
422
- height: var(--zd_size22);
423
- }
424
- .medium :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
425
- width: var(--zd_size8);
426
- height: var(--zd_size8);
427
- }
428
- [dir=ltr] .medium :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
429
- padding: 0 0 0 var(--zd_size2);
430
- }
431
- [dir=rtl] .medium :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
432
- padding: 0 var(--zd_size2) 0 0;
433
- }
434
- .medium :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
435
- height: var(--zd_size10);
436
- width: var(--zd_size17);
437
- padding: var(--zd_size7) var(--zd_size2);
438
- }
439
- .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div,
440
- .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type {
441
- line-height: 0;
442
- }
443
- .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div, .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type {
444
- padding: var(--zd_size7);
445
- }
446
-
447
- .medium :global .KB_Editor_menus .ze_spell {
448
- top: initial;
449
- bottom: calc(var(--zd_size32) * -1);
450
- }
451
-
452
- [dir=ltr] .medium :global .KB_Editor_menus .ze_spell {
453
- right: 0;
454
- }
455
-
456
- [dir=rtl] .medium :global .KB_Editor_menus .ze_spell {
457
- left: 0;
458
- }
459
- .medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon {
460
- top: initial;
461
- padding: 0 var(--zd_size3);
462
- }
463
- .medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon > svg {
464
- width: var(--zd_size12);
465
- height: var(--zd_size12);
466
- }
467
-
468
- /* small, mini type - ticket detail view comment, feeds comment, blueprint comment */
469
- .small :global .KB_Editor,
470
- .mini :global .KB_Editor {
471
- height: 100%;
472
- }
473
- .small :global .KB_Editor, .mini :global .KB_Editor {
474
- border: 0;
475
- }
476
- .small :global .KB_Editor_iframe,
477
- .mini :global .KB_Editor_iframe {
478
- max-height: var(--zd_size225);
479
- min-height: var(--zd_size80);
480
- height: var(--zd_size80);
481
- }
482
- .small.borderNone :global .KB_Editor, .mini.borderNone :global .KB_Editor, .medium.borderNone :global .KB_Editor, .large.borderNone :global .KB_Editor, .xlarge.borderNone :global .KB_Editor, .default.borderNone :global .KB_Editor {
483
- border: 0;
484
- }
485
- .small :global .KB_Editor_menus,
486
- .mini :global .KB_Editor_menus {
487
- bottom: 0;
488
- z-index: 1;
489
- min-height: auto;
490
- height: var(--zd_size40);
491
- width: var(--zd_size406);
492
- transition: opacity var(--zd_transition3);
493
- position: absolute;
494
- }
495
- .small :global .KB_Editor_menus, .mini :global .KB_Editor_menus {
496
- border: 0;
497
- padding: 0;
498
- }
499
- [dir=ltr] .small :global .KB_Editor_menus, [dir=ltr] .mini :global .KB_Editor_menus {
500
- left: 0;
501
- }
502
- [dir=rtl] .small :global .KB_Editor_menus, [dir=rtl] .mini :global .KB_Editor_menus {
503
- right: 0;
504
- }
505
- .small :global .KB_Editor_MultiTools,
506
- .mini :global .KB_Editor_MultiTools {
507
- display: -webkit-box;
508
- display: -ms-flexbox;
509
- display: flex;
510
- height: 100%;
511
- }
512
- .small :global .KB_Editor_MultiTools li,
513
- .mini :global .KB_Editor_MultiTools li {
514
- height: 100%;
515
- }
516
- .small :global .KB_Editor_MultiTools li, .mini :global .KB_Editor_MultiTools li {
517
- padding: 0;
518
- float: unset;
519
- }
520
- .small :global .KB_Editor_MultiTools li span,
521
- .mini :global .KB_Editor_MultiTools li span {
522
- height: 100%;
523
- display: inline-flex;
524
- display: -webkit-inline-flex;
525
- display: -ms-inline-flexbox;
526
- -webkit-box-align: center;
527
- -ms-flex-align: center;
528
- align-items: center;
529
- max-height: unset;
530
- line-height: 0;
531
- }
532
- .small :global .KB_Editor_menus > ul > li > span > svg,
533
- .mini :global .KB_Editor_menus > ul > li > span > svg {
534
- width: var(--zd_size25);
535
- height: var(--zd_size25);
536
- }
537
- .small :global .KB_Editor_menus > ul > li > span > svg, .mini :global .KB_Editor_menus > ul > li > span > svg {
538
- padding: 0 var(--zd_size6);
539
- }
540
- .mini :global .KB_Editor_menus:after {
541
- content: '';
542
- position: absolute;
543
- bottom: calc(var(--zd_size5) * -1);
544
- height: var(--zd_size10);
545
- width: var(--zd_size10);
546
- z-index: -1;
547
- background-color: var(--zdt_texteditor_menu_after_bg);
548
- }
549
- [dir=ltr] .mini :global .KB_Editor_menus:after {
550
- left: var(--zd_size95);
551
- box-shadow: -1px 1px 2px 0 var(--zdt_texteditor_menu_after_box_shadow);
552
- -webkit-transform: rotateZ(-45deg);
553
- -moz-transform: rotateZ(-45deg);
554
- -ms-transform: rotateZ(-45deg);
555
- -o-transform: rotateZ(-45deg);
556
- transform: rotateZ(-45deg);
557
- }
558
- [dir=rtl] .mini :global .KB_Editor_menus:after {
559
- right: var(--zd_size95);
560
- box-shadow: 1px 1px 2px 0 var(--zdt_texteditor_menu_after_box_shadow);
561
- -webkit-transform: rotateZ(45deg);
562
- -moz-transform: rotateZ(45deg);
563
- -ms-transform: rotateZ(45deg);
564
- -o-transform: rotateZ(45deg);
565
- transform: rotateZ(45deg);
566
- }
567
- :global .hideTools .KB_Editor_menus {
568
- height: 0;
569
- overflow: hidden;
570
- opacity: 0;
571
- box-shadow: 0 0 0 transparent;
572
- border: 0;
573
- }
574
-
575
- /* mini type - tdv left area comment */
576
- .mini :global .KB_Editor_menus {
577
- width: var(--zd_size205);
578
- }
579
- [dir=ltr] .mini :global .KB_Editor_menus:after {
580
- left: var(--zd_size55);
581
- }
582
- [dir=rtl] .mini :global .KB_Editor_menus:after {
583
- right: var(--zd_size55);
584
- }
585
-
586
- :global .KB_Editor_UploadImage.hide,
587
- :global .KB_Editor_UploadImage .hide,
588
- :global .KB_Editor_UploadImage .KB_Editor_ImageUrlDisc.hide {
589
- display: none;
590
- }
591
- .textEditor :global .KB_Editor_AnimateInput::placeholder {
592
- color: var(--zdt_texteditor_input_placeholder_text);
593
- }
594
-
595
- .textEditor :global .KB_Editor_menus ul .KBEditortools-quote svg {
596
- width: 15px;
597
- height: 15px;
598
- top: -5px;
599
- }
600
-
601
- [dir=ltr] .textEditor :global .KB_Editor_menus ul .KBEditortools-quote svg {
602
- left: 5px;
603
- }
604
-
605
- [dir=rtl] .textEditor :global .KB_Editor_menus ul .KBEditortools-quote svg {
606
- right: 5px;
607
- }
608
-
609
- .textEditor :global .KB_Editor_common_DropDown {
610
- padding: 0 !important;
611
- }
612
- .textEditor :global .KB_Editor_common_DropDown ul {
613
- max-height: 210px;
614
- overflow: auto;
615
- box-shadow: 0 1px 32px 0 var(--zdt_texteditor_dropdown_box_shadow);
616
- padding: 0;
617
- }
618
-
619
- .textEditor :global .KB_Editor_common_DropDown li {
620
- color: var(--zdt_texteditor_default_text);
621
- }
622
-
623
- :global .KB_Editor textarea.ze_area {
624
- font-family: var(--zd_regular) !important;
625
- font-size: var(--zd_size14) !important;
626
- padding: var(--zd_size15) var(--zd_size20) !important;
627
- }
628
-
629
- .textEditor :global .KB_Editor li[editor-command='styletext'] {
630
- display: none !important;
631
- }
632
- .textEditor :global .KB_Editor li[editor-command='plaintext'] {
633
- order: 100;
634
- }
635
- .readOnly {
636
- position: relative;
637
- cursor: not-allowed;
638
- }
639
- .readOnlyMask {
640
- position: absolute;
641
- top: 0;
642
- bottom: 0;
643
- }
644
- [dir=ltr] .readOnlyMask {
645
- left: 0;
646
- right: 0;
647
- }
648
- [dir=rtl] .readOnlyMask {
649
- right: 0;
650
- left: 0;
651
- }
652
- .readOnly :global .KB_Editor_menus {
653
- display: none !important;
654
- }
655
- .editorHide :global .KB_Editor {
656
- position: absolute !important;
657
- top: 0;
658
- opacity: 0;
659
- visibility: hidden;
660
- }
661
- [dir=ltr] .editorHide :global .KB_Editor {
662
- left: 0;
663
- }
664
- [dir=rtl] .editorHide :global .KB_Editor {
665
- right: 0;
666
- }
1
+ /* point 1 - in case if anyone want to set height use min-height instead of height. Don't set height because it needs to wrap below */
2
+
3
+ /* editor common css */
4
+ .icon {
5
+ position: relative;
6
+ top: calc(var(--zd_size1) * -1);
7
+ display: inline-block;
8
+ vertical-align: middle;
9
+ width: var(--zd_size24);
10
+ height: var(--zd_size24);
11
+ color: inherit;
12
+ fill: currentColor;
13
+ }
14
+ .small {
15
+ width: var(--zd_size15);
16
+ height: var(--zd_size15);
17
+ }
18
+ .threeDotIcon {
19
+ display: inline-block;
20
+ transform: rotate(90deg);
21
+ }
22
+ .textEditor * {
23
+ box-sizing: initial;
24
+ line-height: initial;
25
+ font-family: var(--zd_regular);
26
+ }
27
+ .textEditor {
28
+ height: 100%;
29
+ width: 100%;
30
+ }
31
+ .textEditor :global .KB_Editor {
32
+ box-sizing: border-box;
33
+ }
34
+ .light :global .KB_Editor {
35
+ background-color: var(--zdt_texteditor_default_bg);
36
+ color: var(--zdt_texteditor_default_text);
37
+ }
38
+ .night :global .KB_Editor {
39
+ background-color: var(--zdt_texteditor_night_bg);
40
+ color: var(--zdt_texteditor_night_text);
41
+ }
42
+ .small :global .KB_Editor_menus,
43
+ .medium :global .KB_Editor_menus,
44
+ .large :global .KB_Editor_menus,
45
+ .xlarge :global .KB_Editor_menus,
46
+ .default :global .KB_Editor_menus {
47
+ background-color: var(--zdt_texteditor_menu_bg);
48
+ box-shadow: none;
49
+ }
50
+ .medium.borderTop :global .KB_Editor,
51
+ .large.borderTop :global .KB_Editor,
52
+ .xlarge.borderTop :global .KB_Editor,
53
+ .default.borderTop :global .KB_Editor {
54
+ border: 0;
55
+ border-top: 1px solid var(--zdt_texteditor_default_border);
56
+ }
57
+ .medium.borderAll :global .KB_Editor,
58
+ .large.borderAll :global .KB_Editor,
59
+ .xlarge.borderAll :global .KB_Editor,
60
+ .default.borderAll :global .KB_Editor {
61
+ border: solid 1px var(--zdt_texteditor_default_border);
62
+ }
63
+
64
+ .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type,
65
+ .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.TextSize_Type,
66
+ .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Text_Type,
67
+ .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type,
68
+ .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.TextSize_Type,
69
+ .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Text_Type,
70
+ .xlarge :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type,
71
+ .xlarge :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.TextSize_Type,
72
+ .xlarge :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Text_Type,
73
+ .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type,
74
+ .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.TextSize_Type,
75
+ .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Text_Type {
76
+ border: solid 1px var(--zdt_texteditor_default_border);
77
+ background-color: transparent;
78
+ }
79
+
80
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
81
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext,
82
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
83
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext,
84
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
85
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext,
86
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
87
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
88
+ background-color: transparent;
89
+ }
90
+
91
+ .small :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
92
+ .small :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
93
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
94
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
95
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
96
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
97
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
98
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
99
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
100
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel {
101
+ background-color: var(--zdt_texteditor_menu_li_bg);
102
+ color: var(--zdt_texteditor_default_text);
103
+ }
104
+
105
+ .textEditor :global .KB_Editor_MultiTools li .Kbeditor_more_icon svg {
106
+ fill: var(--zdt_texteditor_more_icon_fill);
107
+ }
108
+ /* large type editor - ticket add form editor */
109
+ .large :global .KB_Editor,
110
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools,
111
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools > li,
112
+ .default :global .KB_Editor,
113
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools,
114
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
115
+ display: -webkit-box;
116
+ display: -ms-flexbox;
117
+ display: flex;
118
+ }
119
+ .large :global .KB_Editor,
120
+ .default :global .KB_Editor {
121
+ width: 100%;
122
+ position: relative;
123
+ -webkit-box-orient: vertical;
124
+ -webkit-box-direction: normal;
125
+ -webkit-flex-direction: column;
126
+ -ms-flex-direction: column;
127
+ flex-direction: column;
128
+ }
129
+ .large :global .KB_Editor {
130
+ height: var(--zd_size270);
131
+ }
132
+ .default :global .KB_Editor {
133
+ height: 100%;
134
+ }
135
+
136
+ .large :global .KB_Editor_iframe,
137
+ .large :global .KB_Editor .ze_area,
138
+ .default :global .KB_Editor_iframe,
139
+ .default :global .KB_Editor .ze_area {
140
+ height: 100%;
141
+ -webkit-box-flex: 1;
142
+ -ms-flex-positive: 1;
143
+ flex-grow: 1;
144
+ min-width: 0;
145
+ min-height: auto;
146
+ }
147
+ .large :global .KB_Editor_menus,
148
+ .default :global .KB_Editor_menus {
149
+ min-height: unset; /* check point 1 */
150
+ flex: 0 0 auto;
151
+ padding: var(--zd_size6);
152
+ border-bottom: 0;
153
+ }
154
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools,
155
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools {
156
+ -ms-flex-wrap: wrap;
157
+ flex-wrap: wrap;
158
+ min-height: inherit;
159
+ }
160
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools > li,
161
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
162
+ padding: 0;
163
+ float: unset;
164
+ height: unset;
165
+ -webkit-box-align: center;
166
+ -ms-flex-align: center;
167
+ align-items: center;
168
+ margin-right: 0;
169
+ }
170
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools li span,
171
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools li span {
172
+ line-height: 0;
173
+ }
174
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools li.fright,
175
+ .defaults :global .KB_Editor_menus .KB_Editor_MultiTools li.fright {
176
+ float: unset !important;
177
+ }
178
+ .large :global .KB_Editor_menus > ul > li > span > svg,
179
+ .default :global .KB_Editor_menus > ul > li > span > svg {
180
+ width: var(--zd_size28);
181
+ height: var(--zd_size28);
182
+ }
183
+ .large :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg,
184
+ .default :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
185
+ width: var(--zd_size8);
186
+ height: var(--zd_size8);
187
+ }
188
+ .large :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg,
189
+ .default :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
190
+ height: var(--zd_size10);
191
+ padding: var(--zd_size7) var(--zd_size5);
192
+ width: var(--zd_size17);
193
+ }
194
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div,
195
+ .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type,
196
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
197
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext,
198
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div,
199
+ .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type,
200
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
201
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
202
+ line-height: unset;
203
+ padding: var(--zd_size3) var(--zd_size6);
204
+ }
205
+ .large :global .KB_Editor_menus .ze_spell,
206
+ .default :global .KB_Editor_menus .ze_spell {
207
+ top: initial;
208
+ bottom: calc(var(--zd_size32) * -1);
209
+ right: 0;
210
+ }
211
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools > li,
212
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
213
+ margin-right: var(--zd_size2);
214
+ }
215
+
216
+ /* xlarge type editor - reply area, blue print cases - full height hover style */
217
+ .xlarge :global .KB_Editor,
218
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools,
219
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
220
+ display: -webkit-box;
221
+ display: -ms-flexbox;
222
+ display: flex;
223
+ }
224
+ .xlarge :global .KB_Editor {
225
+ height: 100%;
226
+ width: 100%;
227
+ position: relative;
228
+ -webkit-box-orient: vertical;
229
+ -webkit-box-direction: normal;
230
+ -webkit-flex-direction: column;
231
+ -ms-flex-direction: column;
232
+ flex-direction: column;
233
+ }
234
+
235
+ .xlarge :global .KB_Editor_iframe,
236
+ .xlarge :global .KB_Editor .ze_area {
237
+ height: 100%;
238
+ -webkit-box-flex: 1;
239
+ -ms-flex-positive: 1;
240
+ flex-grow: 1;
241
+ min-height: 0;
242
+ min-width: 0;
243
+ }
244
+ .xlarge :global .KB_Editor_menus {
245
+ min-height: 37px; /* check point 1 */
246
+ padding: 0;
247
+ flex: 0 0 auto;
248
+ }
249
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools {
250
+ -ms-flex-wrap: wrap;
251
+ flex-wrap: wrap;
252
+ min-height: inherit;
253
+ }
254
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
255
+ padding: 0;
256
+ float: unset;
257
+ height: unset;
258
+ -webkit-box-align: center;
259
+ -ms-flex-align: center;
260
+ align-items: center;
261
+ margin-right: 0;
262
+ }
263
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools li span {
264
+ line-height: 0;
265
+ }
266
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div,
267
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
268
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
269
+ line-height: 0;
270
+ padding: var(--zd_size6);
271
+ }
272
+ .xlarge :global .KB_Editor_menus > ul > li > span > svg {
273
+ width: var(--zd_size22);
274
+ height: var(--zd_size22);
275
+ }
276
+ .xlarge :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
277
+ width: var(--zd_size8);
278
+ height: var(--zd_size8);
279
+ }
280
+ .xlarge :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
281
+ height: var(--zd_size9);
282
+ padding: var(--zd_size7) var(--zd_size5);
283
+ width: var(--zd_size17);
284
+ }
285
+ .xlarge :global .KB_Editor_menus .ze_spell {
286
+ top: initial;
287
+ bottom: -32px;
288
+ right: 0;
289
+ }
290
+
291
+ .xlarge :global .KB_Editor_menus > ul > li > span.SnippetIcon svg {
292
+ width: var(--zd_size17);
293
+ padding: 0 var(--zd_size7);
294
+ height: var(--zd_size21);
295
+ }
296
+ .xlarge :global .KB_Editor_menus > ul > li > span.TemplateIcon svg {
297
+ width: var(--zd_size16);
298
+ padding: 0 var(--zd_size9);
299
+ height: var(--zd_size16);
300
+ }
301
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon {
302
+ position: relative;
303
+ }
304
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon::after {
305
+ content: '';
306
+ position: absolute;
307
+ height: 100%;
308
+ width: var(--zd_size1);
309
+ border-right: 1px solid var(--zdt_texteditor_default_border);
310
+ top: 0;
311
+ right: 0;
312
+ }
313
+ .xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon {
314
+ top: initial;
315
+ padding: 0 var(--zd_size7);
316
+ }
317
+ .xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon > svg {
318
+ width: var(--zd_size12);
319
+ height: var(--zd_size12);
320
+ }
321
+ .xlarge
322
+ :global
323
+ .KB_Editor_menus
324
+ > ul
325
+ > li
326
+ > span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(.TemplateIcon):not(.KB_Editor_Richtext):not(.KB_Editor_PlainText) {
327
+ height: var(--zd_size21);
328
+ }
329
+ .xlarge
330
+ :global
331
+ .KB_Editor_menus
332
+ > ul
333
+ > li
334
+ > span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(.TemplateIcon)
335
+ > svg {
336
+ width: var(--zd_size21);
337
+ height: var(--zd_size21);
338
+ padding: 0 var(--zd_size4);
339
+ }
340
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText {
341
+ padding: var(--zd_size8) var(--zd_size8) var(--zd_size7) var(--zd_size4);
342
+ }
343
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
344
+ padding: var(--zd_size8) var(--zd_size4) var(--zd_size7) var(--zd_size8);
345
+ }
346
+
347
+ /* medium type editor - snippet, bug tracker cases */
348
+ .medium :global .KB_Editor,
349
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools,
350
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li {
351
+ display: -webkit-box;
352
+ display: -ms-flexbox;
353
+ display: flex;
354
+ }
355
+ .medium :global .KB_Editor {
356
+ height: 100%;
357
+ width: 100%;
358
+ position: relative;
359
+ -webkit-box-orient: vertical;
360
+ -webkit-box-direction: normal;
361
+ -webkit-flex-direction: column;
362
+ -ms-flex-direction: column;
363
+ flex-direction: column;
364
+ }
365
+
366
+ .medium :global .KB_Editor_iframe,
367
+ .medium :global .KB_Editor .ze_area {
368
+ height: 100%;
369
+ -webkit-box-flex: 1;
370
+ -ms-flex-positive: 1;
371
+ flex-grow: 1;
372
+ min-height: 0;
373
+ min-width: 0;
374
+ }
375
+ .medium :global .KB_Editor_menus {
376
+ min-height: unset; /* check point 1 */
377
+ flex: 0 0 auto;
378
+ padding: 0;
379
+ border-bottom: 0;
380
+ }
381
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools {
382
+ -ms-flex-wrap: wrap;
383
+ flex-wrap: wrap;
384
+ min-height: inherit;
385
+ }
386
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li {
387
+ padding: var(--zd_size3) var(--zd_size1);
388
+ float: unset;
389
+ height: unset;
390
+ -webkit-box-align: center;
391
+ -ms-flex-align: center;
392
+ align-items: center;
393
+ }
394
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools li span {
395
+ line-height: 0;
396
+ }
397
+ .medium :global .KB_Editor_menus > ul > li > span > svg {
398
+ width: var(--zd_size22);
399
+ height: var(--zd_size22);
400
+ }
401
+ .medium :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
402
+ width: var(--zd_size8);
403
+ height: var(--zd_size8);
404
+ padding: 0 0 0 var(--zd_size2);
405
+ }
406
+ .medium :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
407
+ height: var(--zd_size10);
408
+ padding: var(--zd_size7) var(--zd_size2);
409
+ width: var(--zd_size17);
410
+ }
411
+ .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div,
412
+ .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type {
413
+ line-height: 0;
414
+ padding: var(--zd_size7);
415
+ }
416
+
417
+ .medium :global .KB_Editor_menus .ze_spell {
418
+ top: initial;
419
+ bottom: calc(var(--zd_size32) * -1);
420
+ right: 0;
421
+ }
422
+ .medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon {
423
+ top: initial;
424
+ padding: 0 var(--zd_size3);
425
+ }
426
+ .medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon > svg {
427
+ width: var(--zd_size12);
428
+ height: var(--zd_size12);
429
+ }
430
+
431
+ /* small, mini type - ticket detail view comment, feeds comment, blueprint comment */
432
+ .small :global .KB_Editor,
433
+ .mini :global .KB_Editor {
434
+ height: 100%;
435
+ border: 0;
436
+ }
437
+ .small :global .KB_Editor_iframe,
438
+ .mini :global .KB_Editor_iframe {
439
+ max-height: var(--zd_size225);
440
+ min-height: var(--zd_size80);
441
+ height: var(--zd_size80);
442
+ }
443
+ .small.borderNone :global .KB_Editor,
444
+ .mini.borderNone :global .KB_Editor,
445
+ .medium.borderNone :global .KB_Editor,
446
+ .large.borderNone :global .KB_Editor,
447
+ .xlarge.borderNone :global .KB_Editor,
448
+ .default.borderNone :global .KB_Editor {
449
+ border: 0;
450
+ }
451
+ .small :global .KB_Editor_menus,
452
+ .mini :global .KB_Editor_menus {
453
+ bottom: 0;
454
+ border: 0;
455
+ z-index: 1;
456
+ padding: 0;
457
+ min-height: auto;
458
+ height: var(--zd_size40);
459
+ left: 0;
460
+ width: var(--zd_size406);
461
+ transition: opacity var(--zd_transition3);
462
+ position: absolute;
463
+ }
464
+ .small :global .KB_Editor_MultiTools,
465
+ .mini :global .KB_Editor_MultiTools {
466
+ display: -webkit-box;
467
+ display: -ms-flexbox;
468
+ display: flex;
469
+ height: 100%;
470
+ }
471
+ .small :global .KB_Editor_MultiTools li,
472
+ .mini :global .KB_Editor_MultiTools li {
473
+ height: 100%;
474
+ padding: 0;
475
+ float: unset;
476
+ }
477
+ .small :global .KB_Editor_MultiTools li span,
478
+ .mini :global .KB_Editor_MultiTools li span {
479
+ height: 100%;
480
+ display: inline-flex;
481
+ display: -webkit-inline-flex;
482
+ display: -ms-inline-flexbox;
483
+ -webkit-box-align: center;
484
+ -ms-flex-align: center;
485
+ align-items: center;
486
+ max-height: unset;
487
+ line-height: 0;
488
+ }
489
+ .small :global .KB_Editor_menus > ul > li > span > svg,
490
+ .mini :global .KB_Editor_menus > ul > li > span > svg {
491
+ width: var(--zd_size25);
492
+ height: var(--zd_size25);
493
+ padding: 0 var(--zd_size6);
494
+ }
495
+ .mini :global .KB_Editor_menus:after {
496
+ content: '';
497
+ position: absolute;
498
+ bottom: calc(var(--zd_size5) * -1);
499
+ height: var(--zd_size10);
500
+ width: var(--zd_size10);
501
+ left: var(--zd_size95);
502
+ box-shadow: -1px 1px 2px 0 var(--zdt_texteditor_menu_after_box_shadow);
503
+ background-color: var(--zdt_texteditor_menu_after_bg);
504
+ -webkit-transform: rotateZ(-45deg);
505
+ -moz-transform: rotateZ(-45deg);
506
+ -ms-transform: rotateZ(-45deg);
507
+ -o-transform: rotateZ(-45deg);
508
+ transform: rotateZ(-45deg);
509
+ z-index: -1;
510
+ }
511
+ :global .hideTools .KB_Editor_menus {
512
+ height: 0;
513
+ overflow: hidden;
514
+ box-shadow: 0 0 0 transparent;
515
+ border: 0;
516
+ opacity: 0;
517
+ }
518
+
519
+ /* mini type - tdv left area comment */
520
+ .mini :global .KB_Editor_menus {
521
+ width: var(--zd_size205);
522
+ }
523
+ .mini :global .KB_Editor_menus:after {
524
+ left: var(--zd_size55);
525
+ }
526
+
527
+ :global .KB_Editor_UploadImage.hide,
528
+ :global .KB_Editor_UploadImage .hide,
529
+ :global .KB_Editor_UploadImage .KB_Editor_ImageUrlDisc.hide {
530
+ display: none;
531
+ }
532
+ .textEditor :global .KB_Editor_AnimateInput::placeholder {
533
+ color: var(--zdt_texteditor_input_placeholder_text);
534
+ }
535
+
536
+ .textEditor :global .KB_Editor_menus ul .KBEditortools-quote svg {
537
+ width: 15px;
538
+ height: 15px;
539
+ top: -5px;
540
+ left: 5px;
541
+ }
542
+
543
+ .textEditor :global .KB_Editor_common_DropDown {
544
+ padding: 0 !important;
545
+ }
546
+ .textEditor :global .KB_Editor_common_DropDown ul {
547
+ box-shadow: 0 1px 32px 0 var(--zdt_texteditor_dropdown_box_shadow);
548
+ max-height: 210px;
549
+ overflow: auto;
550
+ padding: 0;
551
+ }
552
+
553
+ .textEditor :global .KB_Editor_common_DropDown li {
554
+ color: var(--zdt_texteditor_default_text);
555
+ }
556
+
557
+ :global .KB_Editor textarea.ze_area {
558
+ font-family: var(--zd_regular) !important;
559
+ font-size: var(--zd_size14) !important;
560
+ padding: var(--zd_size15) var(--zd_size20) !important;
561
+ }
562
+
563
+ .textEditor :global .KB_Editor li[editor-command='styletext'] {
564
+ display: none !important;
565
+ }
566
+ .textEditor :global .KB_Editor li[editor-command='plaintext'] {
567
+ order: 100;
568
+ }
569
+ .readOnly {
570
+ cursor: not-allowed;
571
+ position: relative;
572
+ }
573
+ .readOnlyMask {
574
+ position: absolute;
575
+ top: 0;
576
+ left: 0;
577
+ right: 0;
578
+ bottom: 0;
579
+ }
580
+ .readOnly :global .KB_Editor_menus {
581
+ display: none !important;
582
+ }
583
+ .editorHide :global .KB_Editor {
584
+ position: absolute !important;
585
+ top: 0;
586
+ left: 0;
587
+ opacity: 0;
588
+ visibility: hidden;
589
+ }