@opentiny/fluent-editor 3.25.4 → 4.0.0-alpha.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 (200) hide show
  1. package/es/attributors/font-style.es.js +1 -1
  2. package/es/attributors/font-style.es.js.map +1 -1
  3. package/es/attributors/line-height.es.js +1 -1
  4. package/es/attributors/line-height.es.js.map +1 -1
  5. package/es/config/editor.utils.es.js +0 -9
  6. package/es/config/editor.utils.es.js.map +1 -1
  7. package/es/config/i18n/en-us.es.js +33 -4
  8. package/es/config/i18n/en-us.es.js.map +1 -1
  9. package/es/config/i18n/zh-cn.es.js +33 -4
  10. package/es/config/i18n/zh-cn.es.js.map +1 -1
  11. package/es/config/index.es.js +1 -2
  12. package/es/core/fluent-editor.es.js +3 -0
  13. package/es/core/fluent-editor.es.js.map +1 -1
  14. package/es/fluent-editor.es.js +12 -9
  15. package/es/fluent-editor.es.js.map +1 -1
  16. package/es/index.es.js +5 -2
  17. package/es/index.es.js.map +1 -1
  18. package/es/modules/custom-clipboard.es.js +1 -57
  19. package/es/modules/custom-clipboard.es.js.map +1 -1
  20. package/es/modules/i18n.es.js +4 -3
  21. package/es/modules/i18n.es.js.map +1 -1
  22. package/es/modules/link/index.es.js +0 -17
  23. package/es/modules/link/index.es.js.map +1 -1
  24. package/es/modules/shortcut-key/index.es.js +213 -0
  25. package/es/modules/shortcut-key/index.es.js.map +1 -0
  26. package/es/modules/table-up/index.es.js +61 -0
  27. package/es/modules/table-up/index.es.js.map +1 -0
  28. package/es/modules/toolbar/better-picker.es.js +21 -269
  29. package/es/modules/toolbar/better-picker.es.js.map +1 -1
  30. package/es/modules/toolbar/index.es.js +0 -1
  31. package/es/modules/toolbar/index.es.js.map +1 -1
  32. package/es/modules/toolbar/toolbar-tip.es.js +38 -8
  33. package/es/modules/toolbar/toolbar-tip.es.js.map +1 -1
  34. package/es/themes/snow.es.js +185 -46
  35. package/es/themes/snow.es.js.map +1 -1
  36. package/es/ui/icons.config.es.js +6 -5
  37. package/es/ui/icons.config.es.js.map +1 -1
  38. package/es/ui/icons.es.js +3 -12
  39. package/es/ui/icons.es.js.map +1 -1
  40. package/lib/attributors/font-style.cjs.js +1 -1
  41. package/lib/attributors/font-style.cjs.js.map +1 -1
  42. package/lib/attributors/line-height.cjs.js +1 -1
  43. package/lib/attributors/line-height.cjs.js.map +1 -1
  44. package/lib/config/editor.utils.cjs.js +0 -9
  45. package/lib/config/editor.utils.cjs.js.map +1 -1
  46. package/lib/config/i18n/en-us.cjs.js +33 -4
  47. package/lib/config/i18n/en-us.cjs.js.map +1 -1
  48. package/lib/config/i18n/zh-cn.cjs.js +33 -4
  49. package/lib/config/i18n/zh-cn.cjs.js.map +1 -1
  50. package/lib/config/index.cjs.js +0 -1
  51. package/lib/config/index.cjs.js.map +1 -1
  52. package/lib/core/fluent-editor.cjs.js +3 -0
  53. package/lib/core/fluent-editor.cjs.js.map +1 -1
  54. package/lib/fluent-editor.cjs.js +12 -9
  55. package/lib/fluent-editor.cjs.js.map +1 -1
  56. package/lib/index.cjs.js +7 -1
  57. package/lib/index.cjs.js.map +1 -1
  58. package/lib/modules/custom-clipboard.cjs.js +0 -56
  59. package/lib/modules/custom-clipboard.cjs.js.map +1 -1
  60. package/lib/modules/i18n.cjs.js +4 -3
  61. package/lib/modules/i18n.cjs.js.map +1 -1
  62. package/lib/modules/link/index.cjs.js +0 -17
  63. package/lib/modules/link/index.cjs.js.map +1 -1
  64. package/lib/modules/shortcut-key/index.cjs.js +213 -0
  65. package/lib/modules/shortcut-key/index.cjs.js.map +1 -0
  66. package/lib/modules/table-up/index.cjs.js +61 -0
  67. package/lib/modules/table-up/index.cjs.js.map +1 -0
  68. package/lib/modules/toolbar/better-picker.cjs.js +21 -270
  69. package/lib/modules/toolbar/better-picker.cjs.js.map +1 -1
  70. package/lib/modules/toolbar/index.cjs.js +0 -1
  71. package/lib/modules/toolbar/index.cjs.js.map +1 -1
  72. package/lib/modules/toolbar/toolbar-tip.cjs.js +38 -8
  73. package/lib/modules/toolbar/toolbar-tip.cjs.js.map +1 -1
  74. package/lib/themes/snow.cjs.js +187 -48
  75. package/lib/themes/snow.cjs.js.map +1 -1
  76. package/lib/ui/icons.cjs.js +2 -11
  77. package/lib/ui/icons.cjs.js.map +1 -1
  78. package/lib/ui/icons.config.cjs.js +6 -5
  79. package/lib/ui/icons.config.cjs.js.map +1 -1
  80. package/package.json +4 -2
  81. package/style.css +315 -2135
  82. package/types/attributors/font-style.d.ts +1 -1
  83. package/types/config/editor.config.d.ts +62 -6
  84. package/types/config/editor.utils.d.ts +0 -1
  85. package/types/config/i18n/en-us.d.ts +31 -3
  86. package/types/config/i18n/zh-cn.d.ts +31 -3
  87. package/types/config/types/toolbar-item.interface.d.ts +11 -11
  88. package/types/core/fluent-editor.d.ts +1 -0
  89. package/types/index.d.ts +2 -0
  90. package/types/modules/i18n.d.ts +1 -1
  91. package/types/modules/shortcut-key/index.d.ts +97 -0
  92. package/types/modules/table-up/index.d.ts +66 -0
  93. package/types/modules/toolbar/better-picker.d.ts +15 -0
  94. package/types/themes/snow.d.ts +10 -2
  95. package/types/ui/icons.config.d.ts +2 -2
  96. package/es/modules/global-link/constants.es.js +0 -9
  97. package/es/modules/global-link/constants.es.js.map +0 -1
  98. package/es/modules/global-link/formats/customer-widget-link.es.js +0 -28
  99. package/es/modules/global-link/formats/customer-widget-link.es.js.map +0 -1
  100. package/es/modules/global-link/formats/doc-link.es.js +0 -42
  101. package/es/modules/global-link/formats/doc-link.es.js.map +0 -1
  102. package/es/modules/global-link/formats/wiki-link.es.js +0 -34
  103. package/es/modules/global-link/formats/wiki-link.es.js.map +0 -1
  104. package/es/modules/global-link/formats/work-item-link.es.js +0 -36
  105. package/es/modules/global-link/formats/work-item-link.es.js.map +0 -1
  106. package/es/modules/global-link/global-link-panel.es.js +0 -2
  107. package/es/modules/global-link/global-link-panel.es.js.map +0 -1
  108. package/es/modules/global-link/index.es.js +0 -139
  109. package/es/modules/global-link/index.es.js.map +0 -1
  110. package/es/modules/global-link/utils/createTable.es.js +0 -50
  111. package/es/modules/global-link/utils/createTable.es.js.map +0 -1
  112. package/es/modules/quick-menu.es.js +0 -82
  113. package/es/modules/quick-menu.es.js.map +0 -1
  114. package/es/modules/table/better-table.es.js +0 -485
  115. package/es/modules/table/better-table.es.js.map +0 -1
  116. package/es/modules/table/formats/header.es.js +0 -94
  117. package/es/modules/table/formats/header.es.js.map +0 -1
  118. package/es/modules/table/formats/list.es.js +0 -163
  119. package/es/modules/table/formats/list.es.js.map +0 -1
  120. package/es/modules/table/formats/table.es.js +0 -969
  121. package/es/modules/table/formats/table.es.js.map +0 -1
  122. package/es/modules/table/modules/table-column-tool.es.js +0 -400
  123. package/es/modules/table/modules/table-column-tool.es.js.map +0 -1
  124. package/es/modules/table/modules/table-operation-menu.es.js +0 -475
  125. package/es/modules/table/modules/table-operation-menu.es.js.map +0 -1
  126. package/es/modules/table/modules/table-scroll-bar.es.js +0 -190
  127. package/es/modules/table/modules/table-scroll-bar.es.js.map +0 -1
  128. package/es/modules/table/modules/table-selection.es.js +0 -305
  129. package/es/modules/table/modules/table-selection.es.js.map +0 -1
  130. package/es/modules/table/modules/table-selector.es.js +0 -158
  131. package/es/modules/table/modules/table-selector.es.js.map +0 -1
  132. package/es/modules/table/table-config.es.js +0 -74
  133. package/es/modules/table/table-config.es.js.map +0 -1
  134. package/es/modules/table/utils/index.es.js +0 -54
  135. package/es/modules/table/utils/index.es.js.map +0 -1
  136. package/es/modules/table/utils/node-matchers.es.js +0 -292
  137. package/es/modules/table/utils/node-matchers.es.js.map +0 -1
  138. package/lib/modules/global-link/constants.cjs.js +0 -9
  139. package/lib/modules/global-link/constants.cjs.js.map +0 -1
  140. package/lib/modules/global-link/formats/customer-widget-link.cjs.js +0 -28
  141. package/lib/modules/global-link/formats/customer-widget-link.cjs.js.map +0 -1
  142. package/lib/modules/global-link/formats/doc-link.cjs.js +0 -42
  143. package/lib/modules/global-link/formats/doc-link.cjs.js.map +0 -1
  144. package/lib/modules/global-link/formats/wiki-link.cjs.js +0 -34
  145. package/lib/modules/global-link/formats/wiki-link.cjs.js.map +0 -1
  146. package/lib/modules/global-link/formats/work-item-link.cjs.js +0 -36
  147. package/lib/modules/global-link/formats/work-item-link.cjs.js.map +0 -1
  148. package/lib/modules/global-link/global-link-panel.cjs.js +0 -2
  149. package/lib/modules/global-link/global-link-panel.cjs.js.map +0 -1
  150. package/lib/modules/global-link/index.cjs.js +0 -139
  151. package/lib/modules/global-link/index.cjs.js.map +0 -1
  152. package/lib/modules/global-link/utils/createTable.cjs.js +0 -50
  153. package/lib/modules/global-link/utils/createTable.cjs.js.map +0 -1
  154. package/lib/modules/quick-menu.cjs.js +0 -82
  155. package/lib/modules/quick-menu.cjs.js.map +0 -1
  156. package/lib/modules/table/better-table.cjs.js +0 -485
  157. package/lib/modules/table/better-table.cjs.js.map +0 -1
  158. package/lib/modules/table/formats/header.cjs.js +0 -94
  159. package/lib/modules/table/formats/header.cjs.js.map +0 -1
  160. package/lib/modules/table/formats/list.cjs.js +0 -163
  161. package/lib/modules/table/formats/list.cjs.js.map +0 -1
  162. package/lib/modules/table/formats/table.cjs.js +0 -969
  163. package/lib/modules/table/formats/table.cjs.js.map +0 -1
  164. package/lib/modules/table/modules/table-column-tool.cjs.js +0 -400
  165. package/lib/modules/table/modules/table-column-tool.cjs.js.map +0 -1
  166. package/lib/modules/table/modules/table-operation-menu.cjs.js +0 -475
  167. package/lib/modules/table/modules/table-operation-menu.cjs.js.map +0 -1
  168. package/lib/modules/table/modules/table-scroll-bar.cjs.js +0 -190
  169. package/lib/modules/table/modules/table-scroll-bar.cjs.js.map +0 -1
  170. package/lib/modules/table/modules/table-selection.cjs.js +0 -305
  171. package/lib/modules/table/modules/table-selection.cjs.js.map +0 -1
  172. package/lib/modules/table/modules/table-selector.cjs.js +0 -158
  173. package/lib/modules/table/modules/table-selector.cjs.js.map +0 -1
  174. package/lib/modules/table/table-config.cjs.js +0 -74
  175. package/lib/modules/table/table-config.cjs.js.map +0 -1
  176. package/lib/modules/table/utils/index.cjs.js +0 -54
  177. package/lib/modules/table/utils/index.cjs.js.map +0 -1
  178. package/lib/modules/table/utils/node-matchers.cjs.js +0 -292
  179. package/lib/modules/table/utils/node-matchers.cjs.js.map +0 -1
  180. package/types/modules/global-link/constants.d.ts +0 -3
  181. package/types/modules/global-link/formats/customer-widget-link.d.ts +0 -14
  182. package/types/modules/global-link/formats/doc-link.d.ts +0 -17
  183. package/types/modules/global-link/formats/wiki-link.d.ts +0 -16
  184. package/types/modules/global-link/formats/work-item-link.d.ts +0 -16
  185. package/types/modules/global-link/global-link-panel.d.ts +0 -19
  186. package/types/modules/global-link/index.d.ts +0 -18
  187. package/types/modules/global-link/utils/createTable.d.ts +0 -1
  188. package/types/modules/quick-menu.d.ts +0 -22
  189. package/types/modules/table/better-table.d.ts +0 -35
  190. package/types/modules/table/formats/header.d.ts +0 -23
  191. package/types/modules/table/formats/list.d.ts +0 -34
  192. package/types/modules/table/formats/table.d.ts +0 -147
  193. package/types/modules/table/modules/table-column-tool.d.ts +0 -23
  194. package/types/modules/table/modules/table-operation-menu.d.ts +0 -38
  195. package/types/modules/table/modules/table-scroll-bar.d.ts +0 -33
  196. package/types/modules/table/modules/table-selection.d.ts +0 -37
  197. package/types/modules/table/modules/table-selector.d.ts +0 -22
  198. package/types/modules/table/table-config.d.ts +0 -38
  199. package/types/modules/table/utils/index.d.ts +0 -17
  200. package/types/modules/table/utils/node-matchers.d.ts +0 -9
package/style.css CHANGED
@@ -1,4 +1,66 @@
1
1
  @charset "UTF-8";
2
+ .qsf-menu{--qsf-menu-bg-color:#fff;--qsf-menu-border-color:#e4e4e7;--qsf-menu-text-color:#09090b;--qsf-menu-bg-color-active:#eff0f0;--qsf-menu-break-color-active:#f4f4f5;--qsf-menu-text-color-active:#18181b;--qsf-menu-hint-color:#8a8f8d;width:240px;max-height:370px;padding:4px;border:1px solid var(--qsf-menu-border-color);border-radius:6px;background-color:var(--qsf-menu-bg-color);color:var(--qsf-menu-text-color);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);opacity:1;transition-property:opacity,transform;transition-duration:.15s;transition-timing-function:linear;overflow-y:auto}
3
+ .qsf-menu:empty::before{box-sizing:content-box;display:block;content:"暂无匹配的内容";height:22px;line-height:22px;padding:10px 0;font-size:14px;color:var(--qsf-menu-hint-color);text-align:center}
4
+ .qsf-menu.is-transparent{opacity:0}
5
+ .qsf-menu__item{display:flex;align-items:center;gap:10px;margin-bottom:6px;padding:6px 8px;border-radius:6px;font-size:14px;line-height:20px;transition-property:background-color,color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);overflow:hidden;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}
6
+ .qsf-menu__item:last-of-type{margin-bottom:0}
7
+ .qsf-menu__item.is-selected,.qsf-menu__item:hover{background-color:var(--qsf-menu-bg-color-active);color:var(--qsf-menu-text-color-active)}
8
+ .qsf-menu__item.no-selected-style{background-color:var(--qsf-menu-bg-color);color:var(--qsf-menu-text-color)}
9
+ .qsf-menu__item.is-break{height:1px;margin:4px -4px;padding:0;background-color:var(--qsf-menu-break-bg-color-active)}
10
+ .qsf-menu__item.is-break:hover{background-color:var(--qsf-menu-break-bg-color-active)}
11
+ .qsf-menu__item-container{display:flex;justify-content:flex-start;align-items:center;width:100%}
12
+ .qsf-menu__item-icon{display:flex;justify-content:center;align-items:center;width:36px;height:36px;margin-right:8px;border-radius:8px;border:1px solid #ccc}
13
+ .qsf-menu__item-icon .qsf-menu__icon{font-size:26px;stroke:#444}
14
+ .qsf-menu__item-content{display:flex;justify-content:flex-start;align-items:center;flex-flow:wrap;flex:1}
15
+ .qsf-menu__item-title{width:100%;font-size:14px;line-height:18px}
16
+ .qsf-menu__item-hint{float:right;font-size:12px;line-height:18px;color:var(--qsf-menu-hint-color)}
17
+ .qsf-menu__item-descriptions{font-size:12px;line-height:18px;color:var(--qsf-menu-hint-color)}
18
+ .qsf-menu__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:20px}
19
+ .qsf-menu__icon.is-arrow{margin-left:auto}
20
+ .qsf-menu__container{position:absolute;top:0;left:0;z-index:1000}
21
+ .qsf-placeholder{position:absolute;font-size:14px;line-height:1.42;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}
22
+ .qsf-placeholder.is-hidden{display:none}
23
+ .qsf-placeholder::before{content:attr(data-placeholder);padding:0 4px;white-space:nowrap;font-size:14px;color:#d8dad9}
24
+ .qsf-placeholder.is-right{transform:translateX(-100%)}
25
+ .jsf-color-picker{--jsf-color-picker-bg-color:#ffffff;box-sizing:border-box;display:inline-flex;flex-direction:column;width:16.75rem;padding:.5rem;border-radius:.375rem;background:var(--jsf-color-picker-bg-color);box-shadow:0 0 .375rem #b2b5b8}
26
+ .jsf-color-picker__content{box-sizing:border-box;width:100%;height:11.75rem;padding-top:.5rem}
27
+ .jsf-color-picker__selector{width:14.375rem;height:9.375rem;position:absolute}
28
+ .jsf-color-picker__background{width:100%;height:100%;background:linear-gradient(to top,#000 0,rgba(0,0,0,0) 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}
29
+ .jsf-color-picker__background-handle{box-sizing:border-box;position:absolute;border:.0625rem solid #fff;cursor:pointer;top:0;left:14.375rem;border-radius:100%;width:.625rem;height:.625rem;transform:translate(-.3125rem,-.3125rem)}
30
+ .jsf-color-picker__hue{width:.75rem;height:9.375rem;margin-left:15rem;position:absolute;background:linear-gradient(0deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}
31
+ .jsf-color-picker__hue-handle{box-sizing:border-box;position:absolute;border:.0625rem solid #fff;cursor:pointer;background-color:#fff;box-shadow:0 0 .125rem #0009;left:0;width:1rem;height:.625rem;transform:translate(-.125rem,-.3125rem)}
32
+ .jsf-color-picker__alpha{width:14.375rem;height:.75rem;position:absolute;margin-top:10rem;background:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(135deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(135deg,transparent 75%,#ccc 75%);background-size:.75rem .75rem;background-position:0 0,.375rem 0,.375rem -.375rem,0 .375rem}
33
+ .jsf-color-picker__alpha-bg{position:relative;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%)}
34
+ .jsf-color-picker__alpha-handle{box-sizing:border-box;position:absolute;border:.0625rem solid #fff;cursor:pointer;background-color:#fff;box-shadow:0 0 .125rem #0009;top:0;width:.625rem;height:1rem;transform:translate(-.3125rem,-.125rem)}
35
+ .jsf-color-picker__action{box-sizing:border-box;display:flex;align-items:center;gap:.375rem;width:100%;padding-top:.5rem;border-top:.0625rem solid #e9ecef}
36
+ .jsf-color-picker__action-item{flex:1;display:inline-flex;align-items:center;font-size:.75rem}
37
+ .jsf-color-picker__input{box-sizing:border-box;width:100%;height:1.375rem;margin-left:.125rem;padding:.125rem 0 .125rem .25rem;background-color:#fff;border:.0625rem solid #ced4da;border-radius:.25rem;outline:0;color:#405057}
38
+ .ql-editor ::-moz-selection{background-color:#38bdf8}
39
+ .ql-editor ::selection{background-color:#38bdf8}
40
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item,.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item,.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item,.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item{float:none;border-color:#78716c;background-color:var(--bg);font-size:.75rem}
41
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.ql-selected,.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item.ql-selected{--border-color:#000000}
42
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.ql-selected[data-dark],.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.ql-selected[data-dark],.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item.ql-selected[data-dark],.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item.ql-selected[data-dark]{--border-color:#ffffff}
43
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.ql-selected::before,.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.ql-selected::before,.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item.ql-selected::before,.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item.ql-selected::before{margin-left:.3125rem;margin-top:.0625rem;content:'';display:block;width:.1875rem;height:.5rem;transform:rotate(45deg);border-style:solid;border-width:0 .125rem .125rem 0;border-color:var(--border-color)}
44
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.blank:hover,.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.blank:hover,.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item.blank:hover,.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item.blank:hover{--bg:rgba(0, 0, 0, 0.05)}
45
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.blank::before,.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.blank::before,.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item.blank::before,.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item.blank::before{content:none}
46
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.custom,.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.custom,.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item.custom,.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item.custom{position:relative;display:block;width:100%;height:1.375rem;line-height:1.375rem;margin:.25rem 0 0 0;border:none;cursor:pointer}
47
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.custom:hover,.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.custom:hover,.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item.custom:hover,.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item.custom:hover{color:inherit;--bg:rgba(0, 0, 0, 0.05)}
48
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.custom .jsf-color-picker,.ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.custom .jsf-color-picker,.ql-toolbar.ql-snow .ql-color-picker.ql-background .ql-picker-item.custom .jsf-color-picker,.ql-toolbar.ql-snow .ql-color-picker.ql-color .ql-picker-item.custom .jsf-color-picker{position:absolute;top:0;left:0;z-index:10}
49
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-background.ql-expanded .ql-picker-options,.ql-bubble .ql-toolbar .ql-color-picker.ql-color.ql-expanded .ql-picker-options,.ql-toolbar.ql-snow .ql-color-picker.ql-background.ql-expanded .ql-picker-options,.ql-toolbar.ql-snow .ql-color-picker.ql-color.ql-expanded .ql-picker-options{display:flex}
50
+ .ql-toolbar .ql-color-picker.keep-color{display:flex;width:3.25rem}
51
+ .ql-toolbar .ql-color-picker.keep-color.ql-background,.ql-toolbar .ql-color-picker.keep-color.ql-color{padding-left:.25rem;padding-right:.25rem}
52
+ .ql-toolbar .ql-color-picker.keep-color.ql-background .ql-picker-label,.ql-toolbar .ql-color-picker.keep-color.ql-color .ql-picker-label{width:1.75rem;flex-shrink:0}
53
+ .ql-toolbar .ql-color-picker.keep-color .ql-picker-label{border-right-color:transparent}
54
+ .ql-toolbar.ql-snow .ql-color-picker.ql-expanded .ql-picker-expand{border-color:#ccc;border-left-color:transparent;color:#ccc}
55
+ .ql-toolbar.ql-snow .ql-color-picker.ql-expanded .ql-picker-expand:hover{color:#ccc}
56
+ .ql-toolbar.ql-snow .ql-color-picker .ql-picker-expand:hover{color:#06c}
57
+ .ql-toolbar .ql-color-picker .ql-picker-expand{display:inline-flex;height:100%;width:100%;align-items:center;cursor:pointer;border:.0625rem solid transparent}
58
+ .ql-toolbar .ql-color-picker .ql-picker-expand:hover{color:#fff}
59
+ .ql-toolbar .ql-color-picker .ql-picker-options{width:13.25rem;flex-wrap:wrap}
60
+ .ql-toolbar .ql-color-picker .ql-picker-item.blank{display:inline-flex;align-items:center;justify-content:center;width:100%;height:1.25rem;line-height:1.25rem;margin:.25rem 0;text-align:center}
61
+ .ql-toolbar .ql-color-picker .used{width:100%}
62
+ .ql-toolbar .ql-color-picker .used-list{display:flex;flex-wrap:wrap;min-height:1.25rem}
63
+ .ql-toolbar .ql-color-picker .used::before{content:'Recently used';font-size:.75rem;color:#d1d5db}
2
64
  @font-face {
3
65
  font-family: "iconfont"; /* Project id 3231649 */
4
66
  src: url("data:font/woff2;base64,d09GMgABAAAAAAPEAAsAAAAAB/gAAAN2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDHAqDIIJ2ATYCJAMQCwoABCAFhGcHSxsBB8gehXEzfcQqKjPbRwsC1KUnyf7/2EHgrYTsFJCm8kQEY8JTYfXRWpt/xGxCOouop7eEncye2R5WCUk0kSmNBCF+oxKiaAKzwvv0p3JGCZ8FQDrGpjlobfxg8QIFqHtarSAbqFdPBbkKsDNYi/wvQQAG2cySr2/cLkH71FE8gGFqMfgC4kIxdZKpQiNvR6spFLgQONCVGmI7OsgN8iWwzf+86CBXuECiK4x9eo5fMeCpmc4GZdkWqJ+4PATkaAnogALSF+YUE+v9o6kJU+nUYJT9ppZCABcuJDTTvKqzwbZJ5ab0LvMvDwQSBcKBke8OQD6VVtCMzUFA8yoOEjobsijgqYx3AU5gLXCCkoT3kEhUXOzYYK0h7hLPja/vC9F01jQ3nQbrlumx6U66/u5LY/6+TQH9FG+VA5TjK64t/7G7/XdvDNwbOH5vU9AMK3i/4b7xggA0A8L3OYVmXTO9Np0Vqu/o64CA6pcB+56AOaB/M8ZF/49935Y+7vtAZ07XjucSD9zz3soVceepcQ+eMR7VHjGeI8JKof9h9WH76dnH4lLP42pn3Ycd2L2rxsPXs9q2eNREgQPhG7rypU6nz8Xm0P8XfQJp6lawCzj50PeTb6t/SM+zf7a7LTng0y+3p82/y/+wf79ti9c7haYiB1mLene8qxHHEtv+tP1IXK/3ulfyqil5D+sVUWTfrjZW/DPwTndjjsVIYCbEWeqWqgXs1T3lDdjUcVX9DcVhX3Vjywiv8n8uUwPgd7dLP/2gTaOb4hsoYPkXMwwFiZoaBk0rU9vKf4Gx4ZITEjBMF3yiHPjyOoTRD84HgQu/GBInYVC4iKU0SSp0THLhwEUFDNJYWW/iR0QNQnMDEjkjIPDmERJPrkHhzQulSarQCeQNDrz5hUF/4bGbSaIYU5eQyslAbRHaY8KAWSbuCy2QmXlqUhSvUJLaZBRlQcpm1yigpI856XxT4XMZstmhj6vseeR5IUazQ4d0LlhzeTQpiqzsKoI+w4clEggVDmGAaJyA2OiEBDCXzNPfV4AwyfBQSUCqkkpIsUnhiIyABFBr+gDquJB9Ug4xUeBwGAgjITI+yCrvJTwlFYJE5cMcCB2OgNUhETGJaJIYqhemN/q3twswMPbThBRKaELHsXCSeqrajePHBWE8MNvmTHQH6VaWkpupNgAAAA==") format("woff2"), url("data:font/woff;base64,d09GRgABAAAAAAVkAAsAAAAAB/gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGA8FU8VY21hcAAAAYgAAABiAAABnLoJLoBnbHlmAAAB7AAAAXMAAAGgslPDomhlYWQAAANgAAAALwAAADYfuq+3aGhlYQAAA5AAAAAcAAAAJAfeA4VobXR4AAADrAAAAA4AAAAQEAAAAGxvY2EAAAO8AAAACgAAAAoBNAC0bWF4cAAAA8gAAAAfAAAAIAERAFFuYW1lAAAD6AAAAUAAAAJnEKM8sHBvc3QAAAUoAAAAOQAAAEtIA5ekeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGFhYJzAwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHnjG8cWVu+N/AwMB8hwFIMjCiKGICAGrGDKt4nO2QsQ2AMAwEzySgCDEKJWKDLELFHtk1VXYItkPBELx1lv2yXDwwA0HZlQhyI5gudcX9wOp+5NQ9aU1QqaXl3r+TS/wi+TTZZ1n4tXk/3i1YagPLuJaB5drygPAAe+gUYgAAeJxNUD1PAkEQ3dkVDhfuhNs7iHzvXe6IMUHD1xkI5CT+ApVCG/gBVjYm2khnSQE1dlY29kT8A9YW/gISEwsLCu9wDxpninlvMjN5bxBGIsiMdJGBThCyuFGGNtQaLagkc6Alq7zS+McVMKFRKUBi09ETTsCSmgRhKWyU7BLYNYe0vaHZNJnsysxOwypjraFoeTOaoRNVcWV1QrPbB5T6SxzbScdj2F9Sio2WOVVUVelnLCvTD9DUbBn4mtIxHMuMyf7rmNKyOCL2QpIUwhARRFgQPlbf5I3EURbVhA9NCpvcsOtroQ43wnpiY6aekKxkATrgdCAHVadk6qbQHiRBUVn199VCTju88j/0Itfwl5Ye+TcAUBieKXV7sbBDttzrutn8s870PQ12WWqUZt47y+c06N1FcGjr8jaOMUx/Ph8wjjePTs+DFwt9c/JIXIEkFEWIcZ2nOOFBHRD3d14k6MJ7eQK0EiOu67nkfoD+AD2sTjIAeJxjYGRgYADi5Q5u3PH8Nl8ZuFkYQOCe79Y7CPr/ARYGZicgl4OBCSQKAB7jCnMAeJxjYGRgYG7438AQw8IAAkCSkQEVsAAARwoCbXicY2FgYGBBwgAAsAARAAAAAAAAAGQAtADQAAB4nGNgZGBgYGFwZWBmAAEmIOYCQgaG/2A+AwAPuAFjAHichZE9bsJAEIWfwZAElChKpDRpVikoEsn8lEipUKCnoAez5ke211ovSNQ5TY6QE+QI6Whzikh52EMDRbza2W/evpkdyQDusIeH8rvnLtnDJbOSK7jAo3CV+pOwT34WrqGJnnCd+qtwAy94E26yY8YOnn/FrIV3YQ+3+BCu4AafwlXqX8I++Vu4hgf8CNep/wo3MPGuhZtoeeHA6qnTczXbqVVo0sik7niO9WITT+2pPNE2X5lUdYPOURrpVNtjm3y76DkXqciaRA15q+PYqMyatQ5dsHQu67fbkehBaBIMYKExhWOcQ2GGHeMKIQxSREV0Z/mY7gU2iFlp/3VP6LbIqR9yhS4CdM5cI7rSwnk6TY4tX+tRdXQrbsuahDSUWs1JYrLiDzzcramE1AMsi6oMfbS5ohN/UMyQ/AHYk29XeJxjYGKAAC4G7ICFkYmRmZGFkZWBrSIzsSoxkyMtNQ/IykvnLc5IzEvOKC1OzS5NzGRgAADF1QuAAAAA") format("woff"), url("data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI8FU8VAAABjAAAAGBjbWFwugkugAAAAfwAAAGcZ2x5ZrJTw6IAAAOkAAABoGhlYWQfuq+3AAAA4AAAADZoaGVhB94DhQAAALwAAAAkaG10eBAAAAAAAAHsAAAAEGxvY2EBNAC0AAADmAAAAAptYXhwAREAUQAAARgAAAAgbmFtZRCjPLAAAAVEAAACZ3Bvc3RIA5ekAAAHrAAAAEsAAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAQAAQAAAAEAAKdARgtfDzz1AAsEAAAAAADeTbXcAAAAAN5NtdwAAP/ABAADQgAAAAgAAgAAAAAAAAABAAAABABFAAMAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQEAAGQAAUAAAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOYA7EUDgP+AAAAD3ACAAAAAAQAAAAAAAAAAAAAAAAACBAAAAAQAAAAEAAAABAAAAAAAAAUAAAADAAAALAAAAAQAAAFoAAEAAAAAAGIAAwABAAAALAADAAoAAAFoAAQANgAAAAgACAACAADmAOaD7EX//wAA5gDmg+xF//8AAAAAAAAAAQAIAAgACAAAAAEAAgADAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAA0AAAAAAAAAAMAAOYAAADmAAAAAAEAAOaDAADmgwAAAAIAAOxFAADsRQAAAAMAAAAAAGQAtADQAAAAAgAAAAADvQNCACIARAAAJSEiLgE9ATQ2OwEyFh0BFBYzITI2PQE0NjsBMhYdARQOASMBNjIfARE0NjsBMhYVETc2Mh8BFhQHAQYHBiInJicBJjQ3Az39gSM6IxMNQA0TJhoB/xslEw1ADRMjOiP9vQobCpUSDkANEpUKHAkvCgr++AIMDxoQDAL++AoKAiI7I58OEhIOXxslJRtfDhISDp8jOyICcgoKlAFBDRMTDf6/lAoKLgobCv74AgUHBwUCAQgKGwoAAAACAAD/8APBAxAAHAA0AAAlFAcGIyEiJjURNDY7ATchIgYVERQWMyEyNjURByUWHwE+ATc+AR0BMzcnIxUjBgcGBwYHBgMACw0S/isSHx0UMGz+2BUgIRQC7RQakP53AQEBH4FTDjUm6uomBSYNVUJAHB6tFRMVKRQBGRMXkBoT/c4THh0UAVV7CAIFBFp6EAICAZ/03IgCAhA6OFJUAAAAAwAA/8ADoANAAAMABwALAAATIRUhFyEDIRMhFSFgA0D8wCADAFn9sqcBAP8AAwBAQP1AA4BgAAAAABIA3gABAAAAAAAAABMAAAABAAAAAAABAAgAEwABAAAAAAACAAcAGwABAAAAAAADAAgAIgABAAAAAAAEAAgAKgABAAAAAAAFAAsAMgABAAAAAAAGAAgAPQABAAAAAAAKACsARQABAAAAAAALABMAcAADAAEECQAAACYAgwADAAEECQABABAAqQADAAEECQACAA4AuQADAAEECQADABAAxwADAAEECQAEABAA1wADAAEECQAFABYA5wADAAEECQAGABAA/QADAAEECQAKAFYBDQADAAEECQALACYBY0NyZWF0ZWQgYnkgaWNvbmZvbnRpY29uZm9udFJlZ3VsYXJpY29uZm9udGljb25mb250VmVyc2lvbiAxLjBpY29uZm9udEdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQAaQBjAG8AbgBmAG8AbgB0AFIAZQBnAHUAbABhAHIAaQBjAG8AbgBmAG8AbgB0AGkAYwBvAG4AZgBvAG4AdABWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbgBmAG8AbgB0AEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAQIBAwEEAQUABnhpYXphaQhmZW54aWFuZw1zaGFuY2h1c2VrdWFpAAAA") format("truetype");
@@ -933,325 +995,6 @@ html.dark .toolbar-tip__tooltip {
933
995
  --fe-text-color: #141414;
934
996
  --fe-bg-color: #f5f5f5;
935
997
  }
936
- .quill-better-table-wrapper {
937
- padding: 0;
938
- margin: 25px 25px 40px 25px;
939
- max-width: calc(100% - 26px);
940
- display: inline-block;
941
- overflow: hidden;
942
- }
943
- .quill-better-table-wrapper ol, .quill-better-table-wrapper ul {
944
- padding: 0;
945
- }
946
- .quill-better-table-wrapper .quill-better-table {
947
- border-collapse: collapse;
948
- border-spacing: 0;
949
- }
950
- .quill-better-table-wrapper .quill-better-table td {
951
- border: 1px solid #adb0b8;
952
- padding: 5px 10px;
953
- }
954
- .qlbt-operation-menu {
955
- background-color: #fff;
956
- -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
957
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
958
- font-size: 14px;
959
- z-index: 100;
960
- overflow: hidden;
961
- }
962
- .qlbt-operation-menu .qlbt-operation-menu-item {
963
- display: flex;
964
- align-items: center;
965
- padding: 10px 16px;
966
- cursor: pointer;
967
- color: #252b3a;
968
- overflow: hidden;
969
- text-overflow: ellipsis;
970
- }
971
- .qlbt-operation-menu .qlbt-operation-menu-item:hover {
972
- background-color: #f8f8f8;
973
- }
974
- .qlbt-operation-menu .qlrte__op-menu-dividing {
975
- height: 1px;
976
- background-color: #efefef;
977
- }
978
- .qlbt-operation-menu .qlrte__op-menu-subtitle {
979
- color: #999;
980
- font-size: 14px;
981
- padding: 5px 16px;
982
- }
983
- .qlbt-operation-menu .qlrte__op-menu-color-picker {
984
- display: -webkit-box;
985
- display: -ms-flexbox;
986
- display: flex;
987
- -webkit-box-align: center;
988
- -ms-flex-align: center;
989
- align-items: center;
990
- -ms-flex-wrap: wrap;
991
- flex-wrap: wrap;
992
- padding: 0 16px 10px;
993
- background-color: #fff;
994
- overflow: hidden;
995
- }
996
- .qlbt-operation-menu .qlrte__op-menu-color-picker .qlrte__op-menu-color-picker-item {
997
- width: 20px;
998
- height: 20px;
999
- border: 1px solid #595959;
1000
- margin-right: 5px;
1001
- margin-bottom: 5px;
1002
- cursor: pointer;
1003
- }
1004
- .qlbt-modules-container {
1005
- position: absolute;
1006
- left: 0;
1007
- top: 0;
1008
- width: calc(100% - 15px);
1009
- height: 100%;
1010
- overflow: hidden;
1011
- pointer-events: none;
1012
- }
1013
- .qlbt-modules-container .qlbt-table-control-panel {
1014
- position: absolute;
1015
- pointer-events: auto;
1016
- }
1017
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-left-mask,
1018
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-right-mask {
1019
- position: absolute;
1020
- top: 0;
1021
- width: 40px;
1022
- background: Canvas;
1023
- display: none;
1024
- }
1025
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-left-mask {
1026
- left: 0;
1027
- }
1028
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-right-mask {
1029
- right: 0;
1030
- }
1031
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel {
1032
- position: absolute;
1033
- left: 15px;
1034
- top: 24px;
1035
- width: 16px;
1036
- border-bottom: 1px solid #adb0b8;
1037
- }
1038
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell {
1039
- position: relative;
1040
- display: table;
1041
- padding: 2px;
1042
- border: 1px solid #adb0b8;
1043
- border-bottom: 0;
1044
- }
1045
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell.qlbt-tool-cell-on {
1046
- background: #dfe1e6;
1047
- }
1048
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell-selector {
1049
- display: table-cell;
1050
- width: 100%;
1051
- height: 100%;
1052
- cursor: pointer;
1053
- }
1054
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell-holder {
1055
- position: absolute;
1056
- left: 0;
1057
- bottom: -1px;
1058
- z-index: 3;
1059
- width: 100%;
1060
- height: 1px;
1061
- background-color: transparent;
1062
- cursor: ns-resize;
1063
- }
1064
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell-holder:hover {
1065
- background-color: #5e7ce0;
1066
- }
1067
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell-holder::before {
1068
- content: "";
1069
- position: absolute;
1070
- left: 0;
1071
- top: -8px;
1072
- display: block;
1073
- width: 100%;
1074
- height: 8px;
1075
- }
1076
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell-holder::after {
1077
- content: "";
1078
- position: absolute;
1079
- left: 0;
1080
- bottom: -8px;
1081
- display: block;
1082
- width: 100%;
1083
- height: 8px;
1084
- }
1085
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel {
1086
- position: absolute;
1087
- display: flex;
1088
- align-items: flex-end;
1089
- left: 40px;
1090
- top: 0;
1091
- height: 16px;
1092
- border-left: 1px solid #adb0b8;
1093
- }
1094
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell {
1095
- position: relative;
1096
- display: table;
1097
- padding: 2px;
1098
- border: 1px solid #adb0b8;
1099
- border-left: 0;
1100
- }
1101
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell.qlbt-tool-cell-on {
1102
- background: #dfe1e6;
1103
- }
1104
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell-selector {
1105
- display: table-cell;
1106
- width: 100%;
1107
- height: 100%;
1108
- cursor: pointer;
1109
- }
1110
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell-holder {
1111
- position: absolute;
1112
- right: -1px;
1113
- top: 0;
1114
- bottom: 0;
1115
- z-index: 3;
1116
- width: 1px;
1117
- background-color: transparent;
1118
- cursor: ew-resize;
1119
- }
1120
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell-holder:hover {
1121
- background-color: #5e7ce0;
1122
- }
1123
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell-holder::before {
1124
- content: "";
1125
- position: absolute;
1126
- top: 0;
1127
- left: -8px;
1128
- display: block;
1129
- width: 8px;
1130
- height: 100%;
1131
- }
1132
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell-holder::after {
1133
- content: "";
1134
- position: absolute;
1135
- top: 0;
1136
- right: -8px;
1137
- display: block;
1138
- width: 8px;
1139
- height: 100%;
1140
- }
1141
- .qlbt-modules-container .qlbt-table-scroll-bar-panel {
1142
- position: absolute;
1143
- padding: 12px 0;
1144
- width: 100%;
1145
- height: 32px;
1146
- left: 40px;
1147
- }
1148
- .qlbt-modules-container .qlbt-table-scroll-bar-panel .qlbt-table-scroll-bar {
1149
- position: relative;
1150
- left: 0;
1151
- height: 8px;
1152
- background: #adb0b8;
1153
- border-radius: 10px;
1154
- pointer-events: auto;
1155
- cursor: pointer;
1156
- }
1157
- .qlbt-modules-container .qlbt-table-scroll-bar-panel .qlbt-table-scroll-bar:hover {
1158
- background: #5e7ce0;
1159
- }
1160
- .qlbt-operation-menu {
1161
- background-color: #ffffff;
1162
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
1163
- font-size: 14px;
1164
- z-index: 100;
1165
- overflow: hidden;
1166
- position: fixed;
1167
- }
1168
- .qlbt-operation-menu .qlbt-operation-menu-item {
1169
- display: flex;
1170
- align-items: center;
1171
- padding: 10px 16px;
1172
- cursor: pointer;
1173
- color: #252b3a;
1174
- overflow: hidden;
1175
- text-overflow: ellipsis;
1176
- }
1177
- .qlbt-operation-menu .qlbt-operation-menu-item:hover {
1178
- background-color: #f8f8f8;
1179
- }
1180
- .qlbt-operation-menu .qlbt-rte__op-menu-dividing {
1181
- height: 1px;
1182
- background-color: #efefef;
1183
- }
1184
- .qlbt-operation-menu .qlbt-rte__op-menu-subtitle {
1185
- color: #999;
1186
- font-size: 14px;
1187
- padding: 5px 16px;
1188
- }
1189
- .qlbt-operation-menu .qlbt-rte__op-menu-color-picker {
1190
- display: -webkit-box;
1191
- display: -ms-flexbox;
1192
- display: flex;
1193
- -webkit-box-align: center;
1194
- -ms-flex-align: center;
1195
- align-items: center;
1196
- -ms-flex-wrap: wrap;
1197
- flex-wrap: wrap;
1198
- padding: 0 16px 10px;
1199
- background-color: #fff;
1200
- overflow: hidden;
1201
- }
1202
- .qlbt-operation-menu .qlbt-rte__op-menu-color-picker .qlbt-rte__op-menu-color-picker-item {
1203
- width: 20px;
1204
- height: 20px;
1205
- border: 1px solid #595959;
1206
- margin-right: 5px;
1207
- margin-bottom: 5px;
1208
- cursor: pointer;
1209
- }
1210
- .qlbt-operation-menu .qlbt-operation-menu-disabled {
1211
- color: #adb0b8;
1212
- }
1213
- .qlbt-operation-menu .qlbt-operation-menu-disabled:hover {
1214
- background-color: #f5f5f6;
1215
- }
1216
- .qlbt-selection-line-first > div,
1217
- .qlbt-selection-line-last > div {
1218
- content: "";
1219
- position: absolute;
1220
- width: 6px;
1221
- height: 6px;
1222
- background: #5e7ce0;
1223
- border-radius: 6px;
1224
- pointer-events: auto;
1225
- cursor: se-resize;
1226
- }
1227
- .qlbt-selection-line-first > div {
1228
- left: -3px;
1229
- top: -3px;
1230
- }
1231
- .qlbt-selection-line-last > div {
1232
- right: -3px;
1233
- top: -3px;
1234
- }
1235
- .qlbt-selection-edit-mask {
1236
- display: block;
1237
- position: absolute;
1238
- background: transparent;
1239
- cursor: text;
1240
- }
1241
- .editing-select-able {
1242
- -webkit-touch-callout: text;
1243
- -moz-user-select: text;
1244
- -webkit-user-select: text;
1245
- -ms-user-select: text;
1246
- -khtml-user-select: text;
1247
- user-select: text;
1248
- }
1249
- .ql-editor td {
1250
- vertical-align: top;
1251
- }
1252
- .ql-editor table.quill-better-table {
1253
- width: auto;
1254
- }
1255
998
  .ql-container .mention {
1256
999
  color: #5e7ce0;
1257
1000
  }
@@ -1810,7 +1553,6 @@ html.dark .toolbar-tip__tooltip {
1810
1553
  .ql-editor {
1811
1554
  padding-bottom: 33px;
1812
1555
  font-size: 14px;
1813
- /* Set content font-families */
1814
1556
  }
1815
1557
  .ql-editor.ql-blank::before {
1816
1558
  color: #8a8e99;
@@ -2091,412 +1833,60 @@ html.dark .toolbar-tip__tooltip {
2091
1833
  border: 1px solid #adb0b8;
2092
1834
  padding: 5px 10px;
2093
1835
  }
2094
- .ql-editor .quill-better-table-wrapper {
2095
- padding: 0;
2096
- margin: 25px 25px 40px 25px;
2097
- max-width: calc(100% - 26px);
1836
+ .ql-editor .ql-wiki-link,
1837
+ .ql-editor .ql-doc-link {
2098
1838
  display: inline-block;
2099
- overflow: hidden;
1839
+ margin: 0 5px;
2100
1840
  }
2101
- .ql-editor .quill-better-table-wrapper ol, .ql-editor .quill-better-table-wrapper ul {
2102
- padding: 0;
1841
+ .ql-editor blockquote {
1842
+ border-left: 4px solid #adb0b8;
1843
+ margin-bottom: 5px;
1844
+ margin-top: 5px;
1845
+ padding-left: 16px;
2103
1846
  }
2104
- .ql-editor .quill-better-table-wrapper .quill-better-table {
2105
- border-collapse: collapse;
2106
- border-spacing: 0;
1847
+ .ql-editor .ql-mention-link {
1848
+ cursor: pointer;
1849
+ color: #5e7ce0;
1850
+ margin: 0 0.3em;
1851
+ text-decoration: underline;
2107
1852
  }
2108
- .ql-editor .quill-better-table-wrapper .quill-better-table td {
2109
- border: 1px solid #adb0b8;
2110
- padding: 5px 10px;
1853
+ .ql-editor ol li {
1854
+ list-style-type: inherit;
2111
1855
  }
2112
- .ql-editor .qlbt-operation-menu {
2113
- background-color: #fff;
2114
- -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
2115
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
2116
- font-size: 14px;
2117
- z-index: 100;
2118
- overflow: hidden;
1856
+ .ql-container .ql-editor ol li {
1857
+ list-style-type: none;
2119
1858
  }
2120
- .ql-editor .qlbt-operation-menu .qlbt-operation-menu-item {
2121
- display: flex;
2122
- align-items: center;
2123
- padding: 10px 16px;
2124
- cursor: pointer;
1859
+ .ql-container .ql-editor li.checked,
1860
+ .ql-container .ql-editor li.unchecked {
2125
1861
  color: #252b3a;
1862
+ }
1863
+ .ap {
1864
+ display: inline-flex;
1865
+ height: 20px;
1866
+ width: 20px;
1867
+ background-size: 140px;
1868
+ background-repeat: no-repeat;
1869
+ text-indent: -999px;
1870
+ box-sizing: border-box;
1871
+ font-size: 20px;
1872
+ line-height: 1;
2126
1873
  overflow: hidden;
2127
- text-overflow: ellipsis;
1874
+ margin: -3px 5px 5px;
2128
1875
  }
2129
- .ql-editor .qlbt-operation-menu .qlbt-operation-menu-item:hover {
2130
- background-color: #f8f8f8;
1876
+ .ap-kissing_closed_eyes {
1877
+ background-position: 0 0;
2131
1878
  }
2132
- .ql-editor .qlbt-operation-menu .qlrte__op-menu-dividing {
2133
- height: 1px;
2134
- background-color: #efefef;
1879
+ .ap-stuck_out_tongue {
1880
+ background-position: 0 -20px;
2135
1881
  }
2136
- .ql-editor .qlbt-operation-menu .qlrte__op-menu-subtitle {
2137
- color: #999;
2138
- font-size: 14px;
2139
- padding: 5px 16px;
1882
+ .ap-stuck_out_tongue_winking_eye {
1883
+ background-position: 0 -40px;
2140
1884
  }
2141
- .ql-editor .qlbt-operation-menu .qlrte__op-menu-color-picker {
2142
- display: -webkit-box;
2143
- display: -ms-flexbox;
2144
- display: flex;
2145
- -webkit-box-align: center;
2146
- -ms-flex-align: center;
2147
- align-items: center;
2148
- -ms-flex-wrap: wrap;
2149
- flex-wrap: wrap;
2150
- padding: 0 16px 10px;
2151
- background-color: #fff;
2152
- overflow: hidden;
1885
+ .ap-stuck_out_tongue_closed_eyes {
1886
+ background-position: 0 -60px;
2153
1887
  }
2154
- .ql-editor .qlbt-operation-menu .qlrte__op-menu-color-picker .qlrte__op-menu-color-picker-item {
2155
- width: 20px;
2156
- height: 20px;
2157
- border: 1px solid #595959;
2158
- margin-right: 5px;
2159
- margin-bottom: 5px;
2160
- cursor: pointer;
2161
- }
2162
- .ql-editor .qlbt-modules-container {
2163
- position: absolute;
2164
- left: 0;
2165
- top: 0;
2166
- width: calc(100% - 15px);
2167
- height: 100%;
2168
- overflow: hidden;
2169
- pointer-events: none;
2170
- }
2171
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel {
2172
- position: absolute;
2173
- pointer-events: auto;
2174
- }
2175
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-left-mask,
2176
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-right-mask {
2177
- position: absolute;
2178
- top: 0;
2179
- width: 40px;
2180
- background: Canvas;
2181
- display: none;
2182
- }
2183
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-left-mask {
2184
- left: 0;
2185
- }
2186
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-right-mask {
2187
- right: 0;
2188
- }
2189
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel {
2190
- position: absolute;
2191
- left: 15px;
2192
- top: 24px;
2193
- width: 16px;
2194
- border-bottom: 1px solid #adb0b8;
2195
- }
2196
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell {
2197
- position: relative;
2198
- display: table;
2199
- padding: 2px;
2200
- border: 1px solid #adb0b8;
2201
- border-bottom: 0;
2202
- }
2203
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell.qlbt-tool-cell-on {
2204
- background: #dfe1e6;
2205
- }
2206
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell-selector {
2207
- display: table-cell;
2208
- width: 100%;
2209
- height: 100%;
2210
- cursor: pointer;
2211
- }
2212
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell-holder {
2213
- position: absolute;
2214
- left: 0;
2215
- bottom: -1px;
2216
- z-index: 3;
2217
- width: 100%;
2218
- height: 1px;
2219
- background-color: transparent;
2220
- cursor: ns-resize;
2221
- }
2222
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell-holder:hover {
2223
- background-color: #5e7ce0;
2224
- }
2225
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell-holder::before {
2226
- content: "";
2227
- position: absolute;
2228
- left: 0;
2229
- top: -8px;
2230
- display: block;
2231
- width: 100%;
2232
- height: 8px;
2233
- }
2234
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell-holder::after {
2235
- content: "";
2236
- position: absolute;
2237
- left: 0;
2238
- bottom: -8px;
2239
- display: block;
2240
- width: 100%;
2241
- height: 8px;
2242
- }
2243
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel {
2244
- position: absolute;
2245
- display: flex;
2246
- align-items: flex-end;
2247
- left: 40px;
2248
- top: 0;
2249
- height: 16px;
2250
- border-left: 1px solid #adb0b8;
2251
- }
2252
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell {
2253
- position: relative;
2254
- display: table;
2255
- padding: 2px;
2256
- border: 1px solid #adb0b8;
2257
- border-left: 0;
2258
- }
2259
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell.qlbt-tool-cell-on {
2260
- background: #dfe1e6;
2261
- }
2262
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell-selector {
2263
- display: table-cell;
2264
- width: 100%;
2265
- height: 100%;
2266
- cursor: pointer;
2267
- }
2268
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell-holder {
2269
- position: absolute;
2270
- right: -1px;
2271
- top: 0;
2272
- bottom: 0;
2273
- z-index: 3;
2274
- width: 1px;
2275
- background-color: transparent;
2276
- cursor: ew-resize;
2277
- }
2278
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell-holder:hover {
2279
- background-color: #5e7ce0;
2280
- }
2281
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell-holder::before {
2282
- content: "";
2283
- position: absolute;
2284
- top: 0;
2285
- left: -8px;
2286
- display: block;
2287
- width: 8px;
2288
- height: 100%;
2289
- }
2290
- .ql-editor .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell-holder::after {
2291
- content: "";
2292
- position: absolute;
2293
- top: 0;
2294
- right: -8px;
2295
- display: block;
2296
- width: 8px;
2297
- height: 100%;
2298
- }
2299
- .ql-editor .qlbt-modules-container .qlbt-table-scroll-bar-panel {
2300
- position: absolute;
2301
- padding: 12px 0;
2302
- width: 100%;
2303
- height: 32px;
2304
- left: 40px;
2305
- }
2306
- .ql-editor .qlbt-modules-container .qlbt-table-scroll-bar-panel .qlbt-table-scroll-bar {
2307
- position: relative;
2308
- left: 0;
2309
- height: 8px;
2310
- background: #adb0b8;
2311
- border-radius: 10px;
2312
- pointer-events: auto;
2313
- cursor: pointer;
2314
- }
2315
- .ql-editor .qlbt-modules-container .qlbt-table-scroll-bar-panel .qlbt-table-scroll-bar:hover {
2316
- background: #5e7ce0;
2317
- }
2318
- .ql-editor .qlbt-operation-menu {
2319
- background-color: #ffffff;
2320
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
2321
- font-size: 14px;
2322
- z-index: 100;
2323
- overflow: hidden;
2324
- position: fixed;
2325
- }
2326
- .ql-editor .qlbt-operation-menu .qlbt-operation-menu-item {
2327
- display: flex;
2328
- align-items: center;
2329
- padding: 10px 16px;
2330
- cursor: pointer;
2331
- color: #252b3a;
2332
- overflow: hidden;
2333
- text-overflow: ellipsis;
2334
- }
2335
- .ql-editor .qlbt-operation-menu .qlbt-operation-menu-item:hover {
2336
- background-color: #f8f8f8;
2337
- }
2338
- .ql-editor .qlbt-operation-menu .qlbt-rte__op-menu-dividing {
2339
- height: 1px;
2340
- background-color: #efefef;
2341
- }
2342
- .ql-editor .qlbt-operation-menu .qlbt-rte__op-menu-subtitle {
2343
- color: #999;
2344
- font-size: 14px;
2345
- padding: 5px 16px;
2346
- }
2347
- .ql-editor .qlbt-operation-menu .qlbt-rte__op-menu-color-picker {
2348
- display: -webkit-box;
2349
- display: -ms-flexbox;
2350
- display: flex;
2351
- -webkit-box-align: center;
2352
- -ms-flex-align: center;
2353
- align-items: center;
2354
- -ms-flex-wrap: wrap;
2355
- flex-wrap: wrap;
2356
- padding: 0 16px 10px;
2357
- background-color: #fff;
2358
- overflow: hidden;
2359
- }
2360
- .ql-editor .qlbt-operation-menu .qlbt-rte__op-menu-color-picker .qlbt-rte__op-menu-color-picker-item {
2361
- width: 20px;
2362
- height: 20px;
2363
- border: 1px solid #595959;
2364
- margin-right: 5px;
2365
- margin-bottom: 5px;
2366
- cursor: pointer;
2367
- }
2368
- .ql-editor .qlbt-operation-menu .qlbt-operation-menu-disabled {
2369
- color: #adb0b8;
2370
- }
2371
- .ql-editor .qlbt-operation-menu .qlbt-operation-menu-disabled:hover {
2372
- background-color: #f5f5f6;
2373
- }
2374
- .ql-editor .qlbt-selection-line-first > div,
2375
- .ql-editor .qlbt-selection-line-last > div {
2376
- content: "";
2377
- position: absolute;
2378
- width: 6px;
2379
- height: 6px;
2380
- background: #5e7ce0;
2381
- border-radius: 6px;
2382
- pointer-events: auto;
2383
- cursor: se-resize;
2384
- }
2385
- .ql-editor .qlbt-selection-line-first > div {
2386
- left: -3px;
2387
- top: -3px;
2388
- }
2389
- .ql-editor .qlbt-selection-line-last > div {
2390
- right: -3px;
2391
- top: -3px;
2392
- }
2393
- .ql-editor .qlbt-selection-edit-mask {
2394
- display: block;
2395
- position: absolute;
2396
- background: transparent;
2397
- cursor: text;
2398
- }
2399
- .ql-editor .editing-select-able {
2400
- -webkit-touch-callout: text;
2401
- -moz-user-select: text;
2402
- -webkit-user-select: text;
2403
- -ms-user-select: text;
2404
- -khtml-user-select: text;
2405
- user-select: text;
2406
- }
2407
- .ql-editor .ql-editor td {
2408
- vertical-align: top;
2409
- }
2410
- .ql-editor .ql-editor table.quill-better-table {
2411
- width: auto;
2412
- }
2413
- .ql-editor .ql-font-songti {
2414
- font-family: "宋体", "SimSun";
2415
- }
2416
- .ql-editor .ql-font-yahei {
2417
- font-family: "微软雅黑", "Microsoft YaHei";
2418
- }
2419
- .ql-editor .ql-font-kaiti {
2420
- font-family: "楷体", "楷体_GB2312", "SimKa";
2421
- }
2422
- .ql-editor .ql-font-heiti {
2423
- font-family: "黑体", "SimHei";
2424
- }
2425
- .ql-editor .ql-font-lishu {
2426
- font-family: "隶书", "SimLi";
2427
- }
2428
- .ql-editor .ql-font-mono {
2429
- font-family: "andale mono";
2430
- }
2431
- .ql-editor .ql-font-arial {
2432
- font-family: arial, helvetica, sans-serif;
2433
- }
2434
- .ql-editor .ql-font-arialblack {
2435
- font-family: "arial black", "avant garde";
2436
- }
2437
- .ql-editor .ql-font-comic {
2438
- font-family: "comic sans ms";
2439
- }
2440
- .ql-editor .ql-font-impact {
2441
- font-family: "impact", "chicago";
2442
- }
2443
- .ql-editor .ql-font-times {
2444
- font-family: "times new roman";
2445
- }
2446
- .ql-editor .ql-wiki-link,
2447
- .ql-editor .ql-doc-link {
2448
- display: inline-block;
2449
- margin: 0 5px;
2450
- }
2451
- .ql-editor blockquote {
2452
- border-left: 4px solid #adb0b8;
2453
- margin-bottom: 5px;
2454
- margin-top: 5px;
2455
- padding-left: 16px;
2456
- }
2457
- .ql-editor .ql-mention-link {
2458
- cursor: pointer;
2459
- color: #5e7ce0;
2460
- margin: 0 0.3em;
2461
- text-decoration: underline;
2462
- }
2463
- .ql-editor ol li {
2464
- list-style-type: inherit;
2465
- }
2466
- .ql-container .ql-editor ol li {
2467
- list-style-type: none;
2468
- }
2469
- .ql-container .ql-editor li.checked,
2470
- .ql-container .ql-editor li.unchecked {
2471
- color: #252b3a;
2472
- }
2473
- .ap {
2474
- display: inline-flex;
2475
- height: 20px;
2476
- width: 20px;
2477
- background-size: 140px;
2478
- background-repeat: no-repeat;
2479
- text-indent: -999px;
2480
- box-sizing: border-box;
2481
- font-size: 20px;
2482
- line-height: 1;
2483
- overflow: hidden;
2484
- margin: -3px 5px 5px;
2485
- }
2486
- .ap-kissing_closed_eyes {
2487
- background-position: 0 0;
2488
- }
2489
- .ap-stuck_out_tongue {
2490
- background-position: 0 -20px;
2491
- }
2492
- .ap-stuck_out_tongue_winking_eye {
2493
- background-position: 0 -40px;
2494
- }
2495
- .ap-stuck_out_tongue_closed_eyes {
2496
- background-position: 0 -60px;
2497
- }
2498
- .ap-disappointed {
2499
- background-position: 0 -80px;
1888
+ .ap-disappointed {
1889
+ background-position: 0 -80px;
2500
1890
  }
2501
1891
  .ap-worried {
2502
1892
  background-position: 0 -100px;
@@ -2837,483 +2227,55 @@ li.unchecked > .ql-ui {
2837
2227
  .ql-size.ql-picker {
2838
2228
  width: 98px;
2839
2229
  }
2840
- .ql-size.ql-picker span.ql-picker-label:before,
2841
- .ql-size.ql-picker .ql-picker-options > span.ql-picker-item::before {
2842
- content: "Normal";
2843
- }
2844
- .ql-size.ql-picker span.ql-picker-label[data-value]:before,
2845
- .ql-size.ql-picker .ql-picker-options > span.ql-picker-item[data-value]::before {
2230
+ .ql-size.ql-picker .ql-picker-label[data-value]::before,
2231
+ .ql-size.ql-picker .ql-picker-item[data-value]::before {
2846
2232
  content: attr(data-value);
2847
2233
  }
2848
2234
  .ql-formats .ql-font.ql-picker {
2849
2235
  width: 108px;
2850
2236
  }
2851
- .ql-formats .ql-font.ql-picker span[data-value=arial]::before {
2852
- content: "arial";
2853
- font-family: arial, helvetica, sans-serif;
2854
- }
2855
- .ql-formats .ql-font.ql-picker span[data-value=arial].ql-picker-label::before {
2856
- width: 60px;
2857
- overflow: hidden;
2858
- text-overflow: ellipsis;
2859
- white-space: nowrap;
2860
- }
2861
- .ql-formats .ql-font.ql-picker span[data-value=songti]::before {
2862
- content: "宋体";
2863
- font-family: "宋体", "SimSun";
2864
- }
2865
- .ql-formats .ql-font.ql-picker span[data-value=songti].ql-picker-label::before {
2866
- width: 60px;
2867
- overflow: hidden;
2868
- text-overflow: ellipsis;
2869
- white-space: nowrap;
2237
+ .ql-formats .ql-font.ql-picker .ql-picker-label[data-value]::before,
2238
+ .ql-formats .ql-font.ql-picker .ql-picker-item[data-value]::before {
2239
+ content: attr(data-value);
2870
2240
  }
2871
- .ql-formats .ql-font.ql-picker span[data-value=yahei]::before {
2872
- content: "微软雅黑";
2873
- font-family: "微软雅黑", "Microsoft YaHei";
2241
+ .ql-formats .ql-font.ql-picker .ql-picker-item[data-value]::before {
2242
+ font-family: var(--value);
2874
2243
  }
2875
- .ql-formats .ql-font.ql-picker span[data-value=yahei].ql-picker-label::before {
2876
- width: 60px;
2877
- overflow: hidden;
2878
- text-overflow: ellipsis;
2879
- white-space: nowrap;
2244
+ .ql-line-height.ql-picker .ql-picker-label::before,
2245
+ .ql-line-height.ql-picker .ql-picker-item::before {
2246
+ content: "Normal";
2880
2247
  }
2881
- .ql-formats .ql-font.ql-picker span[data-value=kaiti]::before {
2882
- content: "楷体";
2883
- font-family: "楷体", "楷体_GB2312", "SimKai";
2248
+ .ql-line-height.ql-picker .ql-picker-label[data-value]::before,
2249
+ .ql-line-height.ql-picker .ql-picker-item[data-value]::before {
2250
+ content: attr(data-value);
2884
2251
  }
2885
- .ql-formats .ql-font.ql-picker span[data-value=kaiti].ql-picker-label::before {
2886
- width: 60px;
2887
- overflow: hidden;
2888
- text-overflow: ellipsis;
2252
+ /* 图片预览 */
2253
+ .ql-file-bar {
2254
+ position: absolute;
2255
+ transform: translateY(10px);
2256
+ align-items: center;
2257
+ background-color: #fff;
2258
+ background-color: var(--devui-base-bg, #fff);
2259
+ border: 1px solid #adb0b8;
2260
+ border: 1px solid var(--devui-line, #adb0b8);
2261
+ box-shadow: 0 0 5px rgba(37, 43, 58, 0.2);
2262
+ box-shadow: 0 0 5px var(--devui-light-shadow, rgba(37, 43, 58, 0.2));
2263
+ color: #252b3a;
2264
+ color: var(--devui-text, #252b3a);
2265
+ display: flex;
2266
+ padding: 4px;
2889
2267
  white-space: nowrap;
2890
2268
  }
2891
- .ql-formats .ql-font.ql-picker span[data-value=heiti]::before {
2892
- content: "黑体";
2893
- font-family: "黑体", "SimHei";
2894
- }
2895
- .ql-formats .ql-font.ql-picker span[data-value=heiti].ql-picker-label::before {
2896
- width: 60px;
2269
+ .ql-file-bar .ql-last-modified-date {
2270
+ width: auto;
2271
+ max-width: 300px;
2272
+ word-break: break-all;
2273
+ display: -webkit-box;
2274
+ -webkit-line-clamp: 2;
2275
+ -webkit-box-orient: vertical;
2897
2276
  overflow: hidden;
2898
- text-overflow: ellipsis;
2899
- white-space: nowrap;
2900
- }
2901
- .ql-formats .ql-font.ql-picker span[data-value=lishu]::before {
2902
- content: "隶书";
2903
- font-family: "隶书", "SimLi";
2904
- }
2905
- .ql-formats .ql-font.ql-picker span[data-value=lishu].ql-picker-label::before {
2906
- width: 60px;
2907
- overflow: hidden;
2908
- text-overflow: ellipsis;
2909
- white-space: nowrap;
2910
- }
2911
- .ql-formats .ql-font.ql-picker span[data-value=mono]::before {
2912
- content: "andale mono";
2913
- font-family: "andale mono";
2914
- }
2915
- .ql-formats .ql-font.ql-picker span[data-value=mono].ql-picker-label::before {
2916
- width: 60px;
2917
- overflow: hidden;
2918
- text-overflow: ellipsis;
2919
- white-space: nowrap;
2920
- }
2921
- .ql-formats .ql-font.ql-picker span[data-value=arialblack]::before {
2922
- content: "arial black";
2923
- font-family: "arial black", "avant garde";
2924
- }
2925
- .ql-formats .ql-font.ql-picker span[data-value=arialblack].ql-picker-label::before {
2926
- width: 60px;
2927
- overflow: hidden;
2928
- text-overflow: ellipsis;
2929
- white-space: nowrap;
2930
- }
2931
- .ql-formats .ql-font.ql-picker span[data-value=comic]::before {
2932
- content: "comic sans ms";
2933
- font-family: "comic sans ms";
2934
- }
2935
- .ql-formats .ql-font.ql-picker span[data-value=comic].ql-picker-label::before {
2936
- width: 60px;
2937
- overflow: hidden;
2938
- text-overflow: ellipsis;
2939
- white-space: nowrap;
2940
- }
2941
- .ql-formats .ql-font.ql-picker span[data-value=impact]::before {
2942
- content: "impact";
2943
- font-family: "impact", "chicago";
2944
- }
2945
- .ql-formats .ql-font.ql-picker span[data-value=impact].ql-picker-label::before {
2946
- width: 60px;
2947
- overflow: hidden;
2948
- text-overflow: ellipsis;
2949
- white-space: nowrap;
2950
- }
2951
- .ql-formats .ql-font.ql-picker span[data-value=times]::before {
2952
- content: "times new roman";
2953
- font-family: "times new roman";
2954
- }
2955
- .ql-formats .ql-font.ql-picker span[data-value=times].ql-picker-label::before {
2956
- width: 60px;
2957
- overflow: hidden;
2958
- text-overflow: ellipsis;
2959
- white-space: nowrap;
2960
- }
2961
- .ql-lineheight > span {
2962
- width: 50px;
2963
- }
2964
- .ql-lineheight > span span::before {
2965
- font-size: 14px;
2966
- }
2967
- .ql-lineheight.ql-picker span.ql-picker-label:before,
2968
- .ql-lineheight.ql-picker .ql-picker-options > span.ql-picker-item::before {
2969
- content: attr(data-value);
2970
- }
2971
- .quill-better-table-wrapper {
2972
- padding: 0;
2973
- margin: 25px 25px 40px 25px;
2974
- max-width: calc(100% - 26px);
2975
- display: inline-block;
2976
- overflow: hidden;
2977
- }
2978
- .quill-better-table-wrapper ol, .quill-better-table-wrapper ul {
2979
- padding: 0;
2980
- }
2981
- .quill-better-table-wrapper .quill-better-table {
2982
- border-collapse: collapse;
2983
- border-spacing: 0;
2984
- }
2985
- .quill-better-table-wrapper .quill-better-table td {
2986
- border: 1px solid #adb0b8;
2987
- padding: 5px 10px;
2988
- }
2989
- .qlbt-operation-menu {
2990
- background-color: #fff;
2991
- -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
2992
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
2993
- font-size: 14px;
2994
- z-index: 100;
2995
- overflow: hidden;
2996
- }
2997
- .qlbt-operation-menu .qlbt-operation-menu-item {
2998
- display: flex;
2999
- align-items: center;
3000
- padding: 10px 16px;
3001
- cursor: pointer;
3002
- color: #252b3a;
3003
- overflow: hidden;
3004
- text-overflow: ellipsis;
3005
- }
3006
- .qlbt-operation-menu .qlbt-operation-menu-item:hover {
3007
- background-color: #f8f8f8;
3008
- }
3009
- .qlbt-operation-menu .qlrte__op-menu-dividing {
3010
- height: 1px;
3011
- background-color: #efefef;
3012
- }
3013
- .qlbt-operation-menu .qlrte__op-menu-subtitle {
3014
- color: #999;
3015
- font-size: 14px;
3016
- padding: 5px 16px;
3017
- }
3018
- .qlbt-operation-menu .qlrte__op-menu-color-picker {
3019
- display: -webkit-box;
3020
- display: -ms-flexbox;
3021
- display: flex;
3022
- -webkit-box-align: center;
3023
- -ms-flex-align: center;
3024
- align-items: center;
3025
- -ms-flex-wrap: wrap;
3026
- flex-wrap: wrap;
3027
- padding: 0 16px 10px;
3028
- background-color: #fff;
3029
- overflow: hidden;
3030
- }
3031
- .qlbt-operation-menu .qlrte__op-menu-color-picker .qlrte__op-menu-color-picker-item {
3032
- width: 20px;
3033
- height: 20px;
3034
- border: 1px solid #595959;
3035
- margin-right: 5px;
3036
- margin-bottom: 5px;
3037
- cursor: pointer;
3038
- }
3039
- .qlbt-modules-container {
3040
- position: absolute;
3041
- left: 0;
3042
- top: 0;
3043
- width: calc(100% - 15px);
3044
- height: 100%;
3045
- overflow: hidden;
3046
- pointer-events: none;
3047
- }
3048
- .qlbt-modules-container .qlbt-table-control-panel {
3049
- position: absolute;
3050
- pointer-events: auto;
3051
- }
3052
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-left-mask,
3053
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-right-mask {
3054
- position: absolute;
3055
- top: 0;
3056
- width: 40px;
3057
- background: Canvas;
3058
- display: none;
3059
- }
3060
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-left-mask {
3061
- left: 0;
3062
- }
3063
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-right-mask {
3064
- right: 0;
3065
- }
3066
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel {
3067
- position: absolute;
3068
- left: 15px;
3069
- top: 24px;
3070
- width: 16px;
3071
- border-bottom: 1px solid #adb0b8;
3072
- }
3073
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell {
3074
- position: relative;
3075
- display: table;
3076
- padding: 2px;
3077
- border: 1px solid #adb0b8;
3078
- border-bottom: 0;
3079
- }
3080
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell.qlbt-tool-cell-on {
3081
- background: #dfe1e6;
3082
- }
3083
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell-selector {
3084
- display: table-cell;
3085
- width: 100%;
3086
- height: 100%;
3087
- cursor: pointer;
3088
- }
3089
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell-holder {
3090
- position: absolute;
3091
- left: 0;
3092
- bottom: -1px;
3093
- z-index: 3;
3094
- width: 100%;
3095
- height: 1px;
3096
- background-color: transparent;
3097
- cursor: ns-resize;
3098
- }
3099
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell-holder:hover {
3100
- background-color: #5e7ce0;
3101
- }
3102
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell-holder::before {
3103
- content: "";
3104
- position: absolute;
3105
- left: 0;
3106
- top: -8px;
3107
- display: block;
3108
- width: 100%;
3109
- height: 8px;
3110
- }
3111
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-row-control-panel .qlbt-row-tool-cell-holder::after {
3112
- content: "";
3113
- position: absolute;
3114
- left: 0;
3115
- bottom: -8px;
3116
- display: block;
3117
- width: 100%;
3118
- height: 8px;
3119
- }
3120
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel {
3121
- position: absolute;
3122
- display: flex;
3123
- align-items: flex-end;
3124
- left: 40px;
3125
- top: 0;
3126
- height: 16px;
3127
- border-left: 1px solid #adb0b8;
3128
- }
3129
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell {
3130
- position: relative;
3131
- display: table;
3132
- padding: 2px;
3133
- border: 1px solid #adb0b8;
3134
- border-left: 0;
3135
- }
3136
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell.qlbt-tool-cell-on {
3137
- background: #dfe1e6;
3138
- }
3139
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell-selector {
3140
- display: table-cell;
3141
- width: 100%;
3142
- height: 100%;
3143
- cursor: pointer;
3144
- }
3145
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell-holder {
3146
- position: absolute;
3147
- right: -1px;
3148
- top: 0;
3149
- bottom: 0;
3150
- z-index: 3;
3151
- width: 1px;
3152
- background-color: transparent;
3153
- cursor: ew-resize;
3154
- }
3155
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell-holder:hover {
3156
- background-color: #5e7ce0;
3157
- }
3158
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell-holder::before {
3159
- content: "";
3160
- position: absolute;
3161
- top: 0;
3162
- left: -8px;
3163
- display: block;
3164
- width: 8px;
3165
- height: 100%;
3166
- }
3167
- .qlbt-modules-container .qlbt-table-control-panel .qlbt-column-control-panel .qlbt-col-tool-cell-holder::after {
3168
- content: "";
3169
- position: absolute;
3170
- top: 0;
3171
- right: -8px;
3172
- display: block;
3173
- width: 8px;
3174
- height: 100%;
3175
- }
3176
- .qlbt-modules-container .qlbt-table-scroll-bar-panel {
3177
- position: absolute;
3178
- padding: 12px 0;
3179
- width: 100%;
3180
- height: 32px;
3181
- left: 40px;
3182
- }
3183
- .qlbt-modules-container .qlbt-table-scroll-bar-panel .qlbt-table-scroll-bar {
3184
- position: relative;
3185
- left: 0;
3186
- height: 8px;
3187
- background: #adb0b8;
3188
- border-radius: 10px;
3189
- pointer-events: auto;
3190
- cursor: pointer;
3191
- }
3192
- .qlbt-modules-container .qlbt-table-scroll-bar-panel .qlbt-table-scroll-bar:hover {
3193
- background: #5e7ce0;
3194
- }
3195
- .qlbt-operation-menu {
3196
- background-color: #ffffff;
3197
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
3198
- font-size: 14px;
3199
- z-index: 100;
3200
- overflow: hidden;
3201
- position: fixed;
3202
- }
3203
- .qlbt-operation-menu .qlbt-operation-menu-item {
3204
- display: flex;
3205
- align-items: center;
3206
- padding: 10px 16px;
3207
- cursor: pointer;
3208
- color: #252b3a;
3209
- overflow: hidden;
3210
- text-overflow: ellipsis;
3211
- }
3212
- .qlbt-operation-menu .qlbt-operation-menu-item:hover {
3213
- background-color: #f8f8f8;
3214
- }
3215
- .qlbt-operation-menu .qlbt-rte__op-menu-dividing {
3216
- height: 1px;
3217
- background-color: #efefef;
3218
- }
3219
- .qlbt-operation-menu .qlbt-rte__op-menu-subtitle {
3220
- color: #999;
3221
- font-size: 14px;
3222
- padding: 5px 16px;
3223
- }
3224
- .qlbt-operation-menu .qlbt-rte__op-menu-color-picker {
3225
- display: -webkit-box;
3226
- display: -ms-flexbox;
3227
- display: flex;
3228
- -webkit-box-align: center;
3229
- -ms-flex-align: center;
3230
- align-items: center;
3231
- -ms-flex-wrap: wrap;
3232
- flex-wrap: wrap;
3233
- padding: 0 16px 10px;
3234
- background-color: #fff;
3235
- overflow: hidden;
3236
- }
3237
- .qlbt-operation-menu .qlbt-rte__op-menu-color-picker .qlbt-rte__op-menu-color-picker-item {
3238
- width: 20px;
3239
- height: 20px;
3240
- border: 1px solid #595959;
3241
- margin-right: 5px;
3242
- margin-bottom: 5px;
3243
- cursor: pointer;
3244
- }
3245
- .qlbt-operation-menu .qlbt-operation-menu-disabled {
3246
- color: #adb0b8;
3247
- }
3248
- .qlbt-operation-menu .qlbt-operation-menu-disabled:hover {
3249
- background-color: #f5f5f6;
3250
- }
3251
- .qlbt-selection-line-first > div,
3252
- .qlbt-selection-line-last > div {
3253
- content: "";
3254
- position: absolute;
3255
- width: 6px;
3256
- height: 6px;
3257
- background: #5e7ce0;
3258
- border-radius: 6px;
3259
- pointer-events: auto;
3260
- cursor: se-resize;
3261
- }
3262
- .qlbt-selection-line-first > div {
3263
- left: -3px;
3264
- top: -3px;
3265
- }
3266
- .qlbt-selection-line-last > div {
3267
- right: -3px;
3268
- top: -3px;
3269
- }
3270
- .qlbt-selection-edit-mask {
3271
- display: block;
3272
- position: absolute;
3273
- background: transparent;
3274
- cursor: text;
3275
- }
3276
- .editing-select-able {
3277
- -webkit-touch-callout: text;
3278
- -moz-user-select: text;
3279
- -webkit-user-select: text;
3280
- -ms-user-select: text;
3281
- -khtml-user-select: text;
3282
- user-select: text;
3283
- }
3284
- .ql-editor td {
3285
- vertical-align: top;
3286
- }
3287
- .ql-editor table.quill-better-table {
3288
- width: auto;
3289
- }
3290
- /* 图片预览 */
3291
- .ql-file-bar {
3292
- position: absolute;
3293
- transform: translateY(10px);
3294
- align-items: center;
3295
- background-color: #fff;
3296
- background-color: var(--devui-base-bg, #fff);
3297
- border: 1px solid #adb0b8;
3298
- border: 1px solid var(--devui-line, #adb0b8);
3299
- box-shadow: 0 0 5px rgba(37, 43, 58, 0.2);
3300
- box-shadow: 0 0 5px var(--devui-light-shadow, rgba(37, 43, 58, 0.2));
3301
- color: #252b3a;
3302
- color: var(--devui-text, #252b3a);
3303
- display: flex;
3304
- padding: 4px;
3305
- white-space: nowrap;
3306
- }
3307
- .ql-file-bar .ql-last-modified-date {
3308
- width: auto;
3309
- max-width: 300px;
3310
- word-break: break-all;
3311
- display: -webkit-box;
3312
- -webkit-line-clamp: 2;
3313
- -webkit-box-orient: vertical;
3314
- overflow: hidden;
3315
- padding: 0 8px;
3316
- text-decoration: none;
2277
+ padding: 0 8px;
2278
+ text-decoration: none;
3317
2279
  }
3318
2280
  .ql-file-bar .ql-split {
3319
2281
  width: 1px;
@@ -3836,6 +2798,9 @@ li.unchecked > .ql-ui {
3836
2798
  .ql-tooltip.math-field-tooltip .ql-math-field::part(container) {
3837
2799
  font-size: 24px;
3838
2800
  }
2801
+ .table-up-creator__checkbox input:checked ~ .table-up-creator__mark:after {
2802
+ border-width: 0;
2803
+ }
3839
2804
  .ql-counter {
3840
2805
  width: 100%;
3841
2806
  bottom: 0;
@@ -3911,7 +2876,7 @@ li.unchecked > .ql-ui {
3911
2876
  .ql-toolbar .ql-font:hover {
3912
2877
  color: #5e7ce0;
3913
2878
  }
3914
- .ql-toolbar .ql-font:hover svg {
2879
+ .ql-toolbar .ql-font:hover i.icon {
3915
2880
  border-top-color: #5e7ce0;
3916
2881
  }
3917
2882
  .ql-toolbar .ql-font .ql-picker-label {
@@ -3921,52 +2886,22 @@ li.unchecked > .ql-ui {
3921
2886
  .ql-toolbar .ql-font .ql-picker-label .ql-stroke {
3922
2887
  display: none;
3923
2888
  }
3924
- .ql-toolbar .ql-font .ql-picker-label svg {
2889
+ .ql-toolbar .ql-font .ql-picker-label i.icon {
2890
+ position: absolute;
2891
+ right: 0;
2892
+ top: 50%;
3925
2893
  height: 0;
3926
- width: 0 !important;
3927
- margin-top: -2.5px !important;
2894
+ width: 0;
2895
+ margin-top: -2.5px;
3928
2896
  border: 2.5px solid transparent;
3929
2897
  border-top: 3px solid #252b3a;
3930
2898
  }
3931
- .ql-toolbar .ql-font .ql-picker-label.ql-active svg, .ql-toolbar .ql-font .ql-picker-label:hover svg {
2899
+ .ql-toolbar .ql-font .ql-picker-label.ql-active i.icon, .ql-toolbar .ql-font .ql-picker-label:hover i.icon {
3932
2900
  border-top-color: #5e7ce0;
3933
2901
  }
3934
2902
  .ql-toolbar .ql-font .ql-picker-options {
3935
2903
  color: #8a8e99;
3936
2904
  }
3937
- .ql-toolbar .ql-font span[data-value=arial]::before {
3938
- font-family: arial, helvetica, sans-serif;
3939
- }
3940
- .ql-toolbar .ql-font span[data-value=songti]::before {
3941
- font-family: "宋体", "SimSun";
3942
- }
3943
- .ql-toolbar .ql-font span[data-value=yahei]::before {
3944
- font-family: "微软雅黑", "Microsoft YaHei";
3945
- }
3946
- .ql-toolbar .ql-font span[data-value=gaiti]::before {
3947
- font-family: "楷体", "楷体_GB2312", "SimKai";
3948
- }
3949
- .ql-toolbar .ql-font span[data-value=heiti]::before {
3950
- font-family: "黑体", "SimHei";
3951
- }
3952
- .ql-toolbar .ql-font span[data-value=lishu]::before {
3953
- font-family: "隶书", "SimLi";
3954
- }
3955
- .ql-toolbar .ql-font span[data-value=mono]::before {
3956
- font-family: "andale mono";
3957
- }
3958
- .ql-toolbar .ql-font span[data-value=arialblack]::before {
3959
- font-family: "arial black", "avant garde";
3960
- }
3961
- .ql-toolbar .ql-font span[data-value=comic]::before {
3962
- font-family: "comic sans ms";
3963
- }
3964
- .ql-toolbar .ql-font span[data-value=impact]::before {
3965
- font-family: "impact", "chicago";
3966
- }
3967
- .ql-toolbar .ql-font span[data-value=times]::before {
3968
- font-family: "times new roman";
3969
- }
3970
2905
  .ql-toolbar .ql-size {
3971
2906
  width: 98px;
3972
2907
  }
@@ -3982,7 +2917,7 @@ li.unchecked > .ql-ui {
3982
2917
  .ql-toolbar .ql-size:hover {
3983
2918
  color: #5e7ce0;
3984
2919
  }
3985
- .ql-toolbar .ql-size:hover svg {
2920
+ .ql-toolbar .ql-size:hover i.icon {
3986
2921
  border-top-color: #5e7ce0;
3987
2922
  }
3988
2923
  .ql-toolbar .ql-size .ql-picker-label {
@@ -3992,14 +2927,17 @@ li.unchecked > .ql-ui {
3992
2927
  .ql-toolbar .ql-size .ql-picker-label .ql-stroke {
3993
2928
  display: none;
3994
2929
  }
3995
- .ql-toolbar .ql-size .ql-picker-label svg {
2930
+ .ql-toolbar .ql-size .ql-picker-label i.icon {
2931
+ position: absolute;
2932
+ right: 0;
2933
+ top: 50%;
3996
2934
  height: 0;
3997
- width: 0 !important;
3998
- margin-top: -2.5px !important;
2935
+ width: 0;
2936
+ margin-top: -2.5px;
3999
2937
  border: 2.5px solid transparent;
4000
2938
  border-top: 3px solid #252b3a;
4001
2939
  }
4002
- .ql-toolbar .ql-size .ql-picker-label.ql-active svg, .ql-toolbar .ql-size .ql-picker-label:hover svg {
2940
+ .ql-toolbar .ql-size .ql-picker-label.ql-active i.icon, .ql-toolbar .ql-size .ql-picker-label:hover i.icon {
4003
2941
  border-top-color: #5e7ce0;
4004
2942
  }
4005
2943
  .ql-toolbar .ql-size .ql-picker-options {
@@ -4011,48 +2949,51 @@ li.unchecked > .ql-ui {
4011
2949
  .ql-toolbar .ql-size span.ql-picker-options span::before {
4012
2950
  font-size: 14px;
4013
2951
  }
4014
- .ql-toolbar .ql-lineheight {
4015
- width: 45px;
2952
+ .ql-toolbar .ql-line-height {
2953
+ width: 72px;
4016
2954
  }
4017
- .ql-toolbar .ql-lineheight .ql-picker-label::before {
4018
- width: 45px;
2955
+ .ql-toolbar .ql-line-height .ql-picker-label::before {
2956
+ width: 72px;
4019
2957
  overflow: hidden;
4020
2958
  text-overflow: ellipsis;
4021
2959
  white-space: nowrap;
4022
2960
  }
4023
- .ql-toolbar .ql-lineheight.ql-expanded .ql-picker-label {
2961
+ .ql-toolbar .ql-line-height.ql-expanded .ql-picker-label {
4024
2962
  color: inherit;
4025
2963
  }
4026
- .ql-toolbar .ql-lineheight:hover {
2964
+ .ql-toolbar .ql-line-height:hover {
4027
2965
  color: #5e7ce0;
4028
2966
  }
4029
- .ql-toolbar .ql-lineheight:hover svg {
2967
+ .ql-toolbar .ql-line-height:hover i.icon {
4030
2968
  border-top-color: #5e7ce0;
4031
2969
  }
4032
- .ql-toolbar .ql-lineheight .ql-picker-label {
2970
+ .ql-toolbar .ql-line-height .ql-picker-label {
4033
2971
  outline: none;
4034
2972
  border: 0;
4035
2973
  }
4036
- .ql-toolbar .ql-lineheight .ql-picker-label .ql-stroke {
2974
+ .ql-toolbar .ql-line-height .ql-picker-label .ql-stroke {
4037
2975
  display: none;
4038
2976
  }
4039
- .ql-toolbar .ql-lineheight .ql-picker-label svg {
2977
+ .ql-toolbar .ql-line-height .ql-picker-label i.icon {
2978
+ position: absolute;
2979
+ right: 0;
2980
+ top: 50%;
4040
2981
  height: 0;
4041
- width: 0 !important;
4042
- margin-top: -2.5px !important;
2982
+ width: 0;
2983
+ margin-top: -2.5px;
4043
2984
  border: 2.5px solid transparent;
4044
2985
  border-top: 3px solid #252b3a;
4045
2986
  }
4046
- .ql-toolbar .ql-lineheight .ql-picker-label.ql-active svg, .ql-toolbar .ql-lineheight .ql-picker-label:hover svg {
2987
+ .ql-toolbar .ql-line-height .ql-picker-label.ql-active i.icon, .ql-toolbar .ql-line-height .ql-picker-label:hover i.icon {
4047
2988
  border-top-color: #5e7ce0;
4048
2989
  }
4049
- .ql-toolbar .ql-lineheight .ql-picker-options {
2990
+ .ql-toolbar .ql-line-height .ql-picker-options {
4050
2991
  color: #8a8e99;
4051
2992
  }
4052
- .ql-toolbar .ql-lineheight span.ql-picker-options {
4053
- width: 70px;
2993
+ .ql-toolbar .ql-line-height span.ql-picker-options {
2994
+ width: 98px;
4054
2995
  }
4055
- .ql-toolbar .ql-lineheight span.ql-picker-options span::before {
2996
+ .ql-toolbar .ql-line-height span.ql-picker-options span::before {
4056
2997
  font-size: 14px;
4057
2998
  }
4058
2999
  .ql-toolbar.toolbar-top {
@@ -4154,7 +3095,7 @@ li.unchecked > .ql-ui {
4154
3095
  .ql-toolbar .ql-picker.ql-header:hover {
4155
3096
  color: #5e7ce0;
4156
3097
  }
4157
- .ql-toolbar .ql-picker.ql-header:hover svg {
3098
+ .ql-toolbar .ql-picker.ql-header:hover i.icon {
4158
3099
  border-top-color: #5e7ce0;
4159
3100
  }
4160
3101
  .ql-toolbar .ql-picker.ql-header .ql-picker-label {
@@ -4164,23 +3105,22 @@ li.unchecked > .ql-ui {
4164
3105
  .ql-toolbar .ql-picker.ql-header .ql-picker-label .ql-stroke {
4165
3106
  display: none;
4166
3107
  }
4167
- .ql-toolbar .ql-picker.ql-header .ql-picker-label svg {
3108
+ .ql-toolbar .ql-picker.ql-header .ql-picker-label i.icon {
3109
+ position: absolute;
3110
+ right: 0;
3111
+ top: 50%;
4168
3112
  height: 0;
4169
- width: 0 !important;
4170
- margin-top: -2.5px !important;
3113
+ width: 0;
3114
+ margin-top: -2.5px;
4171
3115
  border: 2.5px solid transparent;
4172
3116
  border-top: 3px solid #252b3a;
4173
3117
  }
4174
- .ql-toolbar .ql-picker.ql-header .ql-picker-label.ql-active svg, .ql-toolbar .ql-picker.ql-header .ql-picker-label:hover svg {
3118
+ .ql-toolbar .ql-picker.ql-header .ql-picker-label.ql-active i.icon, .ql-toolbar .ql-picker.ql-header .ql-picker-label:hover i.icon {
4175
3119
  border-top-color: #5e7ce0;
4176
3120
  }
4177
3121
  .ql-toolbar .ql-picker.ql-header .ql-picker-options {
4178
3122
  color: #8a8e99;
4179
3123
  }
4180
- .ql-toolbar .ql-picker.ql-lineheight .ql-picker-item[data-label]:not([data-label=""])::before,
4181
- .ql-toolbar .ql-picker.ql-lineheight .ql-picker-label[data-label]:not([data-label=""])::before {
4182
- content: attr(data-label);
4183
- }
4184
3124
  .ql-toolbar input.ql-file[type=file] {
4185
3125
  display: none;
4186
3126
  }
@@ -4193,9 +3133,55 @@ li.unchecked > .ql-ui {
4193
3133
  .ql-formats.ql-align-container {
4194
3134
  margin-right: 4px;
4195
3135
  }
3136
+ .ql-snow.ql-toolbar .ql-color-picker.ql-color .ql-picker-item, .ql-snow.ql-toolbar .ql-color-picker.ql-background .ql-picker-item,
3137
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item,
3138
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item {
3139
+ width: 18px;
3140
+ height: 18px;
3141
+ margin: 2px;
3142
+ border: 1px solid #141414;
3143
+ }
3144
+ .ql-snow.ql-toolbar .ql-color-picker.ql-color .ql-picker-item.blank, .ql-snow.ql-toolbar .ql-color-picker.ql-background .ql-picker-item.blank,
3145
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.blank,
3146
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.blank {
3147
+ width: 100%;
3148
+ }
3149
+ .ql-snow.ql-toolbar .ql-color-picker.ql-color .ql-picker-item.blank:hover::before, .ql-snow.ql-toolbar .ql-color-picker.ql-background .ql-picker-item.blank:hover::before,
3150
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.blank:hover::before,
3151
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.blank:hover::before {
3152
+ content: none;
3153
+ }
3154
+ .ql-snow.ql-toolbar .ql-color-picker.ql-color .ql-picker-item.custom:hover::before, .ql-snow.ql-toolbar .ql-color-picker.ql-background .ql-picker-item.custom:hover::before,
3155
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.custom:hover::before,
3156
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.custom:hover::before {
3157
+ content: none;
3158
+ }
3159
+ .ql-snow.ql-toolbar .ql-color-picker.ql-color .ql-picker-item.ql-selected::before, .ql-snow.ql-toolbar .ql-color-picker.ql-background .ql-picker-item.ql-selected::before,
3160
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item.ql-selected::before,
3161
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item.ql-selected::before {
3162
+ margin-left: 5px;
3163
+ margin-top: 1px;
3164
+ width: 6px;
3165
+ height: 12px;
3166
+ }
3167
+ .ql-snow.ql-toolbar .ql-color-picker.ql-color .ql-picker-item:hover::before, .ql-snow.ql-toolbar .ql-color-picker.ql-background .ql-picker-item:hover::before,
3168
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-color .ql-picker-item:hover::before,
3169
+ .ql-bubble .ql-toolbar .ql-color-picker.ql-background .ql-picker-item:hover::before {
3170
+ content: "";
3171
+ flex-shrink: 0;
3172
+ display: block;
3173
+ width: 22px;
3174
+ height: 22px;
3175
+ margin-top: -3px;
3176
+ margin-left: -3px;
3177
+ border: 1px solid #38383c;
3178
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
3179
+ transform: rotate(0deg);
3180
+ filter: none;
3181
+ }
4196
3182
  .ql-toolbar .ql-picker.ql-expanded .ql-picker-label {
4197
3183
  color: inherit;
4198
- border-color: transparent !important;
3184
+ border-color: transparent;
4199
3185
  }
4200
3186
  .ql-toolbar .ql-picker.ql-expanded .ql-picker-options {
4201
3187
  background: #fff;
@@ -4204,18 +3190,18 @@ li.unchecked > .ql-ui {
4204
3190
  border: none;
4205
3191
  color: #252b3a;
4206
3192
  }
4207
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-options, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-options, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-options, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-options {
3193
+ .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-options, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-options, .ql-toolbar .ql-picker.ql-expanded.ql-line-height .ql-picker-options, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-options {
4208
3194
  margin-left: -6px;
4209
3195
  padding-left: 0;
4210
3196
  padding-right: 0;
4211
3197
  }
4212
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-options .ql-picker-item, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-options .ql-picker-item, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-options .ql-picker-item, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-options .ql-picker-item {
3198
+ .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-options .ql-picker-item, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-options .ql-picker-item, .ql-toolbar .ql-picker.ql-expanded.ql-line-height .ql-picker-options .ql-picker-item, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-options .ql-picker-item {
4213
3199
  display: flex;
4214
3200
  justify-content: space-between;
4215
3201
  align-items: center;
4216
3202
  padding: 5px 15px;
4217
3203
  }
4218
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-options .ql-picker-item::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-options .ql-picker-item::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-options .ql-picker-item::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-options .ql-picker-item::after {
3204
+ .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-options .ql-picker-item::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-options .ql-picker-item::after, .ql-toolbar .ql-picker.ql-expanded.ql-line-height .ql-picker-options .ql-picker-item::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-options .ql-picker-item::after {
4219
3205
  display: inline-block;
4220
3206
  width: 16px;
4221
3207
  height: 16px;
@@ -4223,61 +3209,7 @@ li.unchecked > .ql-ui {
4223
3209
  margin-top: -6px;
4224
3210
  content: "";
4225
3211
  }
4226
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="5"] + .ql-picker-options .ql-picker-item[data-value="5"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="5"] + .ql-picker-options .ql-picker-item[data-value="5"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="5"] + .ql-picker-options .ql-picker-item[data-value="5"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="5"] + .ql-picker-options .ql-picker-item[data-value="5"]::after {
4227
- margin-top: -12px;
4228
- content: "L";
4229
- font-size: initial;
4230
- font-family: arial;
4231
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4232
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4233
- transform: scaleX(-1) rotate(-45deg);
4234
- }
4235
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="4"] + .ql-picker-options .ql-picker-item[data-value="4"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="4"] + .ql-picker-options .ql-picker-item[data-value="4"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="4"] + .ql-picker-options .ql-picker-item[data-value="4"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="4"] + .ql-picker-options .ql-picker-item[data-value="4"]::after {
4236
- margin-top: -12px;
4237
- content: "L";
4238
- font-size: initial;
4239
- font-family: arial;
4240
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4241
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4242
- transform: scaleX(-1) rotate(-45deg);
4243
- }
4244
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="2.5"] + .ql-picker-options .ql-picker-item[data-value="2.5"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="2.5"] + .ql-picker-options .ql-picker-item[data-value="2.5"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="2.5"] + .ql-picker-options .ql-picker-item[data-value="2.5"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="2.5"] + .ql-picker-options .ql-picker-item[data-value="2.5"]::after {
4245
- margin-top: -12px;
4246
- content: "L";
4247
- font-size: initial;
4248
- font-family: arial;
4249
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4250
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4251
- transform: scaleX(-1) rotate(-45deg);
4252
- }
4253
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="72px"] + .ql-picker-options .ql-picker-item[data-value="72px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="72px"] + .ql-picker-options .ql-picker-item[data-value="72px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="72px"] + .ql-picker-options .ql-picker-item[data-value="72px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="72px"] + .ql-picker-options .ql-picker-item[data-value="72px"]::after {
4254
- margin-top: -12px;
4255
- content: "L";
4256
- font-size: initial;
4257
- font-family: arial;
4258
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4259
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4260
- transform: scaleX(-1) rotate(-45deg);
4261
- }
4262
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="48px"] + .ql-picker-options .ql-picker-item[data-value="48px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="48px"] + .ql-picker-options .ql-picker-item[data-value="48px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="48px"] + .ql-picker-options .ql-picker-item[data-value="48px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="48px"] + .ql-picker-options .ql-picker-item[data-value="48px"]::after {
4263
- margin-top: -12px;
4264
- content: "L";
4265
- font-size: initial;
4266
- font-family: arial;
4267
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4268
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4269
- transform: scaleX(-1) rotate(-45deg);
4270
- }
4271
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="40px"] + .ql-picker-options .ql-picker-item[data-value="40px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="40px"] + .ql-picker-options .ql-picker-item[data-value="40px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="40px"] + .ql-picker-options .ql-picker-item[data-value="40px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="40px"] + .ql-picker-options .ql-picker-item[data-value="40px"]::after {
4272
- margin-top: -12px;
4273
- content: "L";
4274
- font-size: initial;
4275
- font-family: arial;
4276
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4277
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4278
- transform: scaleX(-1) rotate(-45deg);
4279
- }
4280
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="36px"] + .ql-picker-options .ql-picker-item[data-value="36px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="36px"] + .ql-picker-options .ql-picker-item[data-value="36px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="36px"] + .ql-picker-options .ql-picker-item[data-value="36px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="36px"] + .ql-picker-options .ql-picker-item[data-value="36px"]::after {
3212
+ .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-options .ql-picker-item.ql-selected::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-options .ql-picker-item.ql-selected::after, .ql-toolbar .ql-picker.ql-expanded.ql-line-height .ql-picker-options .ql-picker-item.ql-selected::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-options .ql-picker-item.ql-selected::after {
4281
3213
  margin-top: -12px;
4282
3214
  content: "L";
4283
3215
  font-size: initial;
@@ -4286,875 +3218,123 @@ li.unchecked > .ql-ui {
4286
3218
  -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4287
3219
  transform: scaleX(-1) rotate(-45deg);
4288
3220
  }
4289
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="32px"] + .ql-picker-options .ql-picker-item[data-value="32px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="32px"] + .ql-picker-options .ql-picker-item[data-value="32px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="32px"] + .ql-picker-options .ql-picker-item[data-value="32px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="32px"] + .ql-picker-options .ql-picker-item[data-value="32px"]::after {
4290
- margin-top: -12px;
4291
- content: "L";
4292
- font-size: initial;
4293
- font-family: arial;
4294
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4295
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4296
- transform: scaleX(-1) rotate(-45deg);
3221
+ .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-item[data-value="1"]::after {
3222
+ font-size: 2em;
4297
3223
  }
4298
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="29px"] + .ql-picker-options .ql-picker-item[data-value="29px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="29px"] + .ql-picker-options .ql-picker-item[data-value="29px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="29px"] + .ql-picker-options .ql-picker-item[data-value="29px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="29px"] + .ql-picker-options .ql-picker-item[data-value="29px"]::after {
4299
- margin-top: -12px;
4300
- content: "L";
4301
- font-size: initial;
4302
- font-family: arial;
4303
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4304
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4305
- transform: scaleX(-1) rotate(-45deg);
3224
+ .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-item[data-value="2"]::after {
3225
+ font-size: 1.5em;
4306
3226
  }
4307
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="24px"] + .ql-picker-options .ql-picker-item[data-value="24px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="24px"] + .ql-picker-options .ql-picker-item[data-value="24px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="24px"] + .ql-picker-options .ql-picker-item[data-value="24px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="24px"] + .ql-picker-options .ql-picker-item[data-value="24px"]::after {
4308
- margin-top: -12px;
4309
- content: "L";
4310
- font-size: initial;
4311
- font-family: arial;
4312
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4313
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4314
- transform: scaleX(-1) rotate(-45deg);
3227
+ .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-item[data-value="3"]::after {
3228
+ font-size: 1.17em;
4315
3229
  }
4316
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="22px"] + .ql-picker-options .ql-picker-item[data-value="22px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="22px"] + .ql-picker-options .ql-picker-item[data-value="22px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="22px"] + .ql-picker-options .ql-picker-item[data-value="22px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="22px"] + .ql-picker-options .ql-picker-item[data-value="22px"]::after {
4317
- margin-top: -12px;
4318
- content: "L";
4319
- font-size: initial;
4320
- font-family: arial;
4321
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4322
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4323
- transform: scaleX(-1) rotate(-45deg);
3230
+ .ql-toolbar .ql-picker.ql-expanded .ql-picker-item:hover {
3231
+ color: #252b3a;
3232
+ background-color: #f2f5fc;
4324
3233
  }
4325
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="20px"] + .ql-picker-options .ql-picker-item[data-value="20px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="20px"] + .ql-picker-options .ql-picker-item[data-value="20px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="20px"] + .ql-picker-options .ql-picker-item[data-value="20px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="20px"] + .ql-picker-options .ql-picker-item[data-value="20px"]::after {
4326
- margin-top: -12px;
4327
- content: "L";
4328
- font-size: initial;
4329
- font-family: arial;
4330
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4331
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4332
- transform: scaleX(-1) rotate(-45deg);
3234
+ .ql-toolbar .ql-picker.ql-expanded.ql-color-picker .ql-picker-item:hover {
3235
+ color: inherit;
3236
+ background-color: var(--bg);
4333
3237
  }
4334
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="19px"] + .ql-picker-options .ql-picker-item[data-value="19px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="19px"] + .ql-picker-options .ql-picker-item[data-value="19px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="19px"] + .ql-picker-options .ql-picker-item[data-value="19px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="19px"] + .ql-picker-options .ql-picker-item[data-value="19px"]::after {
4335
- margin-top: -12px;
4336
- content: "L";
4337
- font-size: initial;
4338
- font-family: arial;
4339
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4340
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4341
- transform: scaleX(-1) rotate(-45deg);
3238
+ .ql-toolbar .ql-picker-label {
3239
+ outline: none;
3240
+ border: 0;
4342
3241
  }
4343
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="18px"] + .ql-picker-options .ql-picker-item[data-value="18px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="18px"] + .ql-picker-options .ql-picker-item[data-value="18px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="18px"] + .ql-picker-options .ql-picker-item[data-value="18px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="18px"] + .ql-picker-options .ql-picker-item[data-value="18px"]::after {
4344
- margin-top: -12px;
4345
- content: "L";
4346
- font-size: initial;
4347
- font-family: arial;
4348
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4349
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4350
- transform: scaleX(-1) rotate(-45deg);
3242
+ .ql-toolbar .ql-color-picker {
3243
+ display: flex;
3244
+ width: 36px;
3245
+ margin: 0 5px;
4351
3246
  }
4352
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="16px"] + .ql-picker-options .ql-picker-item[data-value="16px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="16px"] + .ql-picker-options .ql-picker-item[data-value="16px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="16px"] + .ql-picker-options .ql-picker-item[data-value="16px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="16px"] + .ql-picker-options .ql-picker-item[data-value="16px"]::after {
4353
- margin-top: -12px;
4354
- content: "L";
4355
- font-size: initial;
4356
- font-family: arial;
4357
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4358
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4359
- transform: scaleX(-1) rotate(-45deg);
3247
+ .ql-toolbar .ql-color-picker .ql-picker-label {
3248
+ width: 28px;
3249
+ flex-shrink: 0;
4360
3250
  }
4361
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="14px"] + .ql-picker-options .ql-picker-item[data-value="14px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="14px"] + .ql-picker-options .ql-picker-item[data-value="14px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="14px"] + .ql-picker-options .ql-picker-item[data-value="14px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="14px"] + .ql-picker-options .ql-picker-item[data-value="14px"]::after {
4362
- margin-top: -12px;
4363
- content: "L";
4364
- font-size: initial;
4365
- font-family: arial;
4366
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4367
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4368
- transform: scaleX(-1) rotate(-45deg);
3251
+ .ql-toolbar .ql-color-picker .ql-picker-expand {
3252
+ display: inline-flex;
3253
+ height: 100%;
3254
+ width: 100%;
3255
+ align-items: center;
3256
+ justify-content: center;
3257
+ cursor: pointer;
4369
3258
  }
4370
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="13px"] + .ql-picker-options .ql-picker-item[data-value="13px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="13px"] + .ql-picker-options .ql-picker-item[data-value="13px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="13px"] + .ql-picker-options .ql-picker-item[data-value="13px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="13px"] + .ql-picker-options .ql-picker-item[data-value="13px"]::after {
4371
- margin-top: -12px;
4372
- content: "L";
4373
- font-size: initial;
4374
- font-family: arial;
4375
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4376
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4377
- transform: scaleX(-1) rotate(-45deg);
3259
+ .ql-toolbar .ql-color-picker .ql-picker-expand:hover {
3260
+ color: #fff;
4378
3261
  }
4379
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="12px"] + .ql-picker-options .ql-picker-item[data-value="12px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="12px"] + .ql-picker-options .ql-picker-item[data-value="12px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="12px"] + .ql-picker-options .ql-picker-item[data-value="12px"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="12px"] + .ql-picker-options .ql-picker-item[data-value="12px"]::after {
4380
- margin-top: -12px;
4381
- content: "L";
4382
- font-size: initial;
4383
- font-family: arial;
4384
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4385
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4386
- transform: scaleX(-1) rotate(-45deg);
3262
+ .ql-toolbar .ql-color-picker .ql-picker-expand:hover i.icon {
3263
+ border-top-color: #5e7ce0;
4387
3264
  }
4388
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value=times] + .ql-picker-options .ql-picker-item[data-value=times]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value=times] + .ql-picker-options .ql-picker-item[data-value=times]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value=times] + .ql-picker-options .ql-picker-item[data-value=times]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value=times] + .ql-picker-options .ql-picker-item[data-value=times]::after {
4389
- margin-top: -12px;
4390
- content: "L";
4391
- font-size: initial;
4392
- font-family: arial;
4393
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4394
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4395
- transform: scaleX(-1) rotate(-45deg);
3265
+ .ql-toolbar .ql-color-picker i.icon {
3266
+ position: absolute;
3267
+ right: 0;
3268
+ top: 50%;
3269
+ height: 0;
3270
+ width: 0;
3271
+ margin-top: -2.5px;
3272
+ border: 2.5px solid transparent;
3273
+ border-top: 3px solid #252b3a;
3274
+ position: static;
3275
+ margin-top: 2.5px;
4396
3276
  }
4397
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value=impact] + .ql-picker-options .ql-picker-item[data-value=impact]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value=impact] + .ql-picker-options .ql-picker-item[data-value=impact]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value=impact] + .ql-picker-options .ql-picker-item[data-value=impact]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value=impact] + .ql-picker-options .ql-picker-item[data-value=impact]::after {
4398
- margin-top: -12px;
4399
- content: "L";
4400
- font-size: initial;
4401
- font-family: arial;
4402
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4403
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4404
- transform: scaleX(-1) rotate(-45deg);
3277
+ .ql-toolbar .ql-color-picker:hover.ql-picker.ql-expanded .ql-picker-label {
3278
+ color: #5e7ce0;
4405
3279
  }
4406
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value=comic] + .ql-picker-options .ql-picker-item[data-value=comic]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value=comic] + .ql-picker-options .ql-picker-item[data-value=comic]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value=comic] + .ql-picker-options .ql-picker-item[data-value=comic]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value=comic] + .ql-picker-options .ql-picker-item[data-value=comic]::after {
4407
- margin-top: -12px;
4408
- content: "L";
4409
- font-size: initial;
4410
- font-family: arial;
4411
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4412
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4413
- transform: scaleX(-1) rotate(-45deg);
3280
+ .ql-toolbar .ql-color-picker .ql-picker-options {
3281
+ width: 240px;
3282
+ padding: 16px 10px;
4414
3283
  }
4415
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value=arialblack] + .ql-picker-options .ql-picker-item[data-value=arialblack]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value=arialblack] + .ql-picker-options .ql-picker-item[data-value=arialblack]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value=arialblack] + .ql-picker-options .ql-picker-item[data-value=arialblack]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value=arialblack] + .ql-picker-options .ql-picker-item[data-value=arialblack]::after {
4416
- margin-top: -12px;
4417
- content: "L";
4418
- font-size: initial;
4419
- font-family: arial;
4420
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4421
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4422
- transform: scaleX(-1) rotate(-45deg);
3284
+ .ql-toolbar .ql-color-picker .ql-picker-options .custom {
3285
+ position: relative;
3286
+ margin-top: 4px;
3287
+ height: 22px;
4423
3288
  }
4424
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value=arial] + .ql-picker-options .ql-picker-item[data-value=arial]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value=arial] + .ql-picker-options .ql-picker-item[data-value=arial]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value=arial] + .ql-picker-options .ql-picker-item[data-value=arial]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value=arial] + .ql-picker-options .ql-picker-item[data-value=arial]::after {
4425
- margin-top: -12px;
4426
- content: "L";
4427
- font-size: initial;
4428
- font-family: arial;
4429
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4430
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4431
- transform: scaleX(-1) rotate(-45deg);
3289
+ .ql-toolbar .ql-color-picker .ql-picker-options .custom:hover {
3290
+ background-color: rgba(0, 0, 0, 0.04);
4432
3291
  }
4433
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value=mono] + .ql-picker-options .ql-picker-item[data-value=mono]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value=mono] + .ql-picker-options .ql-picker-item[data-value=mono]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value=mono] + .ql-picker-options .ql-picker-item[data-value=mono]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value=mono] + .ql-picker-options .ql-picker-item[data-value=mono]::after {
4434
- margin-top: -12px;
4435
- content: "L";
4436
- font-size: initial;
4437
- font-family: arial;
4438
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4439
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4440
- transform: scaleX(-1) rotate(-45deg);
3292
+ .ql-toolbar .ql-color-picker .ql-picker-label:hover svg,
3293
+ .ql-toolbar .ql-color-picker .ql-picker-label:hover polygon,
3294
+ .ql-toolbar .ql-color-picker .ql-picker-label:hover path, .ql-toolbar .ql-color-picker .ql-picker-label.ql-active svg,
3295
+ .ql-toolbar .ql-color-picker .ql-picker-label.ql-active polygon,
3296
+ .ql-toolbar .ql-color-picker .ql-picker-label.ql-active path {
3297
+ fill: #252b3a;
4441
3298
  }
4442
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value=lishu] + .ql-picker-options .ql-picker-item[data-value=lishu]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value=lishu] + .ql-picker-options .ql-picker-item[data-value=lishu]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value=lishu] + .ql-picker-options .ql-picker-item[data-value=lishu]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value=lishu] + .ql-picker-options .ql-picker-item[data-value=lishu]::after {
4443
- margin-top: -12px;
4444
- content: "L";
4445
- font-size: initial;
4446
- font-family: arial;
4447
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4448
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4449
- transform: scaleX(-1) rotate(-45deg);
4450
- }
4451
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value=heiti] + .ql-picker-options .ql-picker-item[data-value=heiti]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value=heiti] + .ql-picker-options .ql-picker-item[data-value=heiti]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value=heiti] + .ql-picker-options .ql-picker-item[data-value=heiti]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value=heiti] + .ql-picker-options .ql-picker-item[data-value=heiti]::after {
4452
- margin-top: -12px;
4453
- content: "L";
4454
- font-size: initial;
4455
- font-family: arial;
4456
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4457
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4458
- transform: scaleX(-1) rotate(-45deg);
4459
- }
4460
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value=kaiti] + .ql-picker-options .ql-picker-item[data-value=kaiti]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value=kaiti] + .ql-picker-options .ql-picker-item[data-value=kaiti]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value=kaiti] + .ql-picker-options .ql-picker-item[data-value=kaiti]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value=kaiti] + .ql-picker-options .ql-picker-item[data-value=kaiti]::after {
4461
- margin-top: -12px;
4462
- content: "L";
4463
- font-size: initial;
4464
- font-family: arial;
4465
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4466
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4467
- transform: scaleX(-1) rotate(-45deg);
4468
- }
4469
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value=yahei] + .ql-picker-options .ql-picker-item[data-value=yahei]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value=yahei] + .ql-picker-options .ql-picker-item[data-value=yahei]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value=yahei] + .ql-picker-options .ql-picker-item[data-value=yahei]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value=yahei] + .ql-picker-options .ql-picker-item[data-value=yahei]::after {
4470
- margin-top: -12px;
4471
- content: "L";
4472
- font-size: initial;
4473
- font-family: arial;
4474
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4475
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4476
- transform: scaleX(-1) rotate(-45deg);
4477
- }
4478
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value=songti] + .ql-picker-options .ql-picker-item[data-value=songti]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value=songti] + .ql-picker-options .ql-picker-item[data-value=songti]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value=songti] + .ql-picker-options .ql-picker-item[data-value=songti]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value=songti] + .ql-picker-options .ql-picker-item[data-value=songti]::after {
4479
- margin-top: -12px;
4480
- content: "L";
4481
- font-size: initial;
4482
- font-family: arial;
4483
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4484
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4485
- transform: scaleX(-1) rotate(-45deg);
4486
- }
4487
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="6"] + .ql-picker-options .ql-picker-item[data-value="6"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="6"] + .ql-picker-options .ql-picker-item[data-value="6"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="6"] + .ql-picker-options .ql-picker-item[data-value="6"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="6"] + .ql-picker-options .ql-picker-item[data-value="6"]::after {
4488
- margin-top: -12px;
4489
- content: "L";
4490
- font-size: initial;
4491
- font-family: arial;
4492
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4493
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4494
- transform: scaleX(-1) rotate(-45deg);
4495
- }
4496
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="5"] + .ql-picker-options .ql-picker-item[data-value="5"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="5"] + .ql-picker-options .ql-picker-item[data-value="5"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="5"] + .ql-picker-options .ql-picker-item[data-value="5"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="5"] + .ql-picker-options .ql-picker-item[data-value="5"]::after {
4497
- margin-top: -12px;
4498
- content: "L";
4499
- font-size: initial;
4500
- font-family: arial;
4501
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4502
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4503
- transform: scaleX(-1) rotate(-45deg);
4504
- }
4505
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="4"] + .ql-picker-options .ql-picker-item[data-value="4"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="4"] + .ql-picker-options .ql-picker-item[data-value="4"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="4"] + .ql-picker-options .ql-picker-item[data-value="4"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="4"] + .ql-picker-options .ql-picker-item[data-value="4"]::after {
4506
- margin-top: -12px;
4507
- content: "L";
4508
- font-size: initial;
4509
- font-family: arial;
4510
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4511
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4512
- transform: scaleX(-1) rotate(-45deg);
4513
- }
4514
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="3"] + .ql-picker-options .ql-picker-item[data-value="3"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="3"] + .ql-picker-options .ql-picker-item[data-value="3"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="3"] + .ql-picker-options .ql-picker-item[data-value="3"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="3"] + .ql-picker-options .ql-picker-item[data-value="3"]::after {
4515
- margin-top: -12px;
4516
- content: "L";
4517
- font-size: initial;
4518
- font-family: arial;
4519
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4520
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4521
- transform: scaleX(-1) rotate(-45deg);
4522
- }
4523
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="2"] + .ql-picker-options .ql-picker-item[data-value="2"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="2"] + .ql-picker-options .ql-picker-item[data-value="2"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="2"] + .ql-picker-options .ql-picker-item[data-value="2"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="2"] + .ql-picker-options .ql-picker-item[data-value="2"]::after {
4524
- margin-top: -12px;
4525
- content: "L";
4526
- font-size: initial;
4527
- font-family: arial;
4528
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4529
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4530
- transform: scaleX(-1) rotate(-45deg);
4531
- }
4532
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value="1"] + .ql-picker-options .ql-picker-item[data-value="1"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value="1"] + .ql-picker-options .ql-picker-item[data-value="1"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value="1"] + .ql-picker-options .ql-picker-item[data-value="1"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value="1"] + .ql-picker-options .ql-picker-item[data-value="1"]::after {
4533
- margin-top: -12px;
4534
- content: "L";
4535
- font-size: initial;
4536
- font-family: arial;
4537
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4538
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4539
- transform: scaleX(-1) rotate(-45deg);
4540
- }
4541
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-label[data-value=undefined] + .ql-picker-options .ql-picker-item[data-value=undefined]::after, .ql-toolbar .ql-picker.ql-expanded.ql-font .ql-picker-label[data-value=undefined] + .ql-picker-options .ql-picker-item[data-value=undefined]::after, .ql-toolbar .ql-picker.ql-expanded.ql-lineheight .ql-picker-label[data-value=undefined] + .ql-picker-options .ql-picker-item[data-value=undefined]::after, .ql-toolbar .ql-picker.ql-expanded.ql-size .ql-picker-label[data-value=undefined] + .ql-picker-options .ql-picker-item[data-value=undefined]::after {
4542
- margin-top: -12px;
4543
- content: "L";
4544
- font-size: initial;
4545
- font-family: arial;
4546
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4547
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4548
- transform: scaleX(-1) rotate(-45deg);
4549
- }
4550
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-item[data-value="1"]::after {
4551
- font-size: 2em;
4552
- }
4553
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-item[data-value="2"]::after {
4554
- font-size: 1.5em;
4555
- }
4556
- .ql-toolbar .ql-picker.ql-expanded.ql-header .ql-picker-item[data-value="3"]::after {
4557
- font-size: 1.17em;
4558
- }
4559
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#3d1466"] + .ql-picker-options .ql-picker-item[data-value="#3d1466"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#3d1466"] + .ql-picker-options .ql-picker-item[data-value="#3d1466"]::after {
4560
- margin-left: 5px;
4561
- margin-top: -3px;
4562
- content: "L";
4563
- font-size: initial;
4564
- font-family: arial;
4565
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4566
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4567
- transform: scaleX(-1) rotate(-45deg);
4568
- }
4569
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#002966"] + .ql-picker-options .ql-picker-item[data-value="#002966"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#002966"] + .ql-picker-options .ql-picker-item[data-value="#002966"]::after {
4570
- margin-left: 5px;
4571
- margin-top: -3px;
4572
- content: "L";
4573
- font-size: initial;
4574
- font-family: arial;
4575
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4576
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4577
- transform: scaleX(-1) rotate(-45deg);
4578
- }
4579
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#003700"] + .ql-picker-options .ql-picker-item[data-value="#003700"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#003700"] + .ql-picker-options .ql-picker-item[data-value="#003700"]::after {
4580
- margin-left: 5px;
4581
- margin-top: -3px;
4582
- content: "L";
4583
- font-size: initial;
4584
- font-family: arial;
4585
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4586
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4587
- transform: scaleX(-1) rotate(-45deg);
4588
- }
4589
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#666600"] + .ql-picker-options .ql-picker-item[data-value="#666600"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#666600"] + .ql-picker-options .ql-picker-item[data-value="#666600"]::after {
4590
- margin-left: 5px;
4591
- margin-top: -3px;
4592
- content: "L";
4593
- font-size: initial;
4594
- font-family: arial;
4595
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4596
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4597
- transform: scaleX(-1) rotate(-45deg);
4598
- }
4599
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#663d00"] + .ql-picker-options .ql-picker-item[data-value="#663d00"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#663d00"] + .ql-picker-options .ql-picker-item[data-value="#663d00"]::after {
4600
- margin-left: 5px;
4601
- margin-top: -3px;
4602
- content: "L";
4603
- font-size: initial;
4604
- font-family: arial;
4605
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4606
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4607
- transform: scaleX(-1) rotate(-45deg);
4608
- }
4609
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#5c0000"] + .ql-picker-options .ql-picker-item[data-value="#5c0000"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#5c0000"] + .ql-picker-options .ql-picker-item[data-value="#5c0000"]::after {
4610
- margin-left: 5px;
4611
- margin-top: -3px;
4612
- content: "L";
4613
- font-size: initial;
4614
- font-family: arial;
4615
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4616
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4617
- transform: scaleX(-1) rotate(-45deg);
4618
- }
4619
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#444444"] + .ql-picker-options .ql-picker-item[data-value="#444444"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#444444"] + .ql-picker-options .ql-picker-item[data-value="#444444"]::after {
4620
- margin-left: 5px;
4621
- margin-top: -3px;
4622
- content: "L";
4623
- font-size: initial;
4624
- font-family: arial;
4625
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4626
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4627
- transform: scaleX(-1) rotate(-45deg);
4628
- }
4629
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#6b24b2"] + .ql-picker-options .ql-picker-item[data-value="#6b24b2"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#6b24b2"] + .ql-picker-options .ql-picker-item[data-value="#6b24b2"]::after {
4630
- margin-left: 5px;
4631
- margin-top: -3px;
4632
- content: "L";
4633
- font-size: initial;
4634
- font-family: arial;
4635
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4636
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4637
- transform: scaleX(-1) rotate(-45deg);
4638
- }
4639
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#0047b2"] + .ql-picker-options .ql-picker-item[data-value="#0047b2"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#0047b2"] + .ql-picker-options .ql-picker-item[data-value="#0047b2"]::after {
4640
- margin-left: 5px;
4641
- margin-top: -3px;
4642
- content: "L";
4643
- font-size: initial;
4644
- font-family: arial;
4645
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4646
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4647
- transform: scaleX(-1) rotate(-45deg);
4648
- }
4649
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#006100"] + .ql-picker-options .ql-picker-item[data-value="#006100"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#006100"] + .ql-picker-options .ql-picker-item[data-value="#006100"]::after {
4650
- margin-left: 5px;
4651
- margin-top: -3px;
4652
- content: "L";
4653
- font-size: initial;
4654
- font-family: arial;
4655
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4656
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4657
- transform: scaleX(-1) rotate(-45deg);
4658
- }
4659
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#b2b200"] + .ql-picker-options .ql-picker-item[data-value="#b2b200"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#b2b200"] + .ql-picker-options .ql-picker-item[data-value="#b2b200"]::after {
4660
- margin-left: 5px;
4661
- margin-top: -3px;
4662
- content: "L";
4663
- font-size: initial;
4664
- font-family: arial;
4665
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4666
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4667
- transform: scaleX(-1) rotate(-45deg);
4668
- }
4669
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#b26b00"] + .ql-picker-options .ql-picker-item[data-value="#b26b00"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#b26b00"] + .ql-picker-options .ql-picker-item[data-value="#b26b00"]::after {
4670
- margin-left: 5px;
4671
- margin-top: -3px;
4672
- content: "L";
4673
- font-size: initial;
4674
- font-family: arial;
4675
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4676
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4677
- transform: scaleX(-1) rotate(-45deg);
4678
- }
4679
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#a10000"] + .ql-picker-options .ql-picker-item[data-value="#a10000"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#a10000"] + .ql-picker-options .ql-picker-item[data-value="#a10000"]::after {
4680
- margin-left: 5px;
4681
- margin-top: -3px;
4682
- content: "L";
4683
- font-size: initial;
4684
- font-family: arial;
4685
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4686
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4687
- transform: scaleX(-1) rotate(-45deg);
4688
- }
4689
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#888888"] + .ql-picker-options .ql-picker-item[data-value="#888888"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#888888"] + .ql-picker-options .ql-picker-item[data-value="#888888"]::after {
4690
- margin-left: 5px;
4691
- margin-top: -3px;
4692
- content: "L";
4693
- font-size: initial;
4694
- font-family: arial;
4695
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4696
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4697
- transform: scaleX(-1) rotate(-45deg);
4698
- }
4699
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#c285ff"] + .ql-picker-options .ql-picker-item[data-value="#c285ff"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#c285ff"] + .ql-picker-options .ql-picker-item[data-value="#c285ff"]::after {
4700
- margin-left: 5px;
4701
- margin-top: -3px;
4702
- content: "L";
4703
- font-size: initial;
4704
- font-family: arial;
4705
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4706
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4707
- transform: scaleX(-1) rotate(-45deg);
4708
- }
4709
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#66a3e0"] + .ql-picker-options .ql-picker-item[data-value="#66a3e0"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#66a3e0"] + .ql-picker-options .ql-picker-item[data-value="#66a3e0"]::after {
4710
- margin-left: 5px;
4711
- margin-top: -3px;
4712
- content: "L";
4713
- font-size: initial;
4714
- font-family: arial;
4715
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4716
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4717
- transform: scaleX(-1) rotate(-45deg);
4718
- }
4719
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#66b966"] + .ql-picker-options .ql-picker-item[data-value="#66b966"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#66b966"] + .ql-picker-options .ql-picker-item[data-value="#66b966"]::after {
4720
- margin-left: 5px;
4721
- margin-top: -3px;
4722
- content: "L";
4723
- font-size: initial;
4724
- font-family: arial;
4725
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4726
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4727
- transform: scaleX(-1) rotate(-45deg);
4728
- }
4729
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#ffff66"] + .ql-picker-options .ql-picker-item[data-value="#ffff66"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#ffff66"] + .ql-picker-options .ql-picker-item[data-value="#ffff66"]::after {
4730
- margin-left: 5px;
4731
- margin-top: -3px;
4732
- content: "L";
4733
- font-size: initial;
4734
- font-family: arial;
4735
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4736
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4737
- transform: scaleX(-1) rotate(-45deg);
4738
- }
4739
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#ffc266"] + .ql-picker-options .ql-picker-item[data-value="#ffc266"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#ffc266"] + .ql-picker-options .ql-picker-item[data-value="#ffc266"]::after {
4740
- margin-left: 5px;
4741
- margin-top: -3px;
4742
- content: "L";
4743
- font-size: initial;
4744
- font-family: arial;
4745
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4746
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4747
- transform: scaleX(-1) rotate(-45deg);
4748
- }
4749
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#f06666"] + .ql-picker-options .ql-picker-item[data-value="#f06666"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#f06666"] + .ql-picker-options .ql-picker-item[data-value="#f06666"]::after {
4750
- margin-left: 5px;
4751
- margin-top: -3px;
4752
- content: "L";
4753
- font-size: initial;
4754
- font-family: arial;
4755
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4756
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4757
- transform: scaleX(-1) rotate(-45deg);
4758
- }
4759
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#bbbbbb"] + .ql-picker-options .ql-picker-item[data-value="#bbbbbb"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#bbbbbb"] + .ql-picker-options .ql-picker-item[data-value="#bbbbbb"]::after {
4760
- margin-left: 5px;
4761
- margin-top: -3px;
4762
- content: "L";
4763
- font-size: initial;
4764
- font-family: arial;
4765
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4766
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4767
- transform: scaleX(-1) rotate(-45deg);
4768
- }
4769
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#ebd6ff"] + .ql-picker-options .ql-picker-item[data-value="#ebd6ff"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#ebd6ff"] + .ql-picker-options .ql-picker-item[data-value="#ebd6ff"]::after {
4770
- margin-left: 5px;
4771
- margin-top: -3px;
4772
- content: "L";
4773
- font-size: initial;
4774
- font-family: arial;
4775
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4776
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4777
- transform: scaleX(-1) rotate(-45deg);
4778
- }
4779
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#cce0f5"] + .ql-picker-options .ql-picker-item[data-value="#cce0f5"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#cce0f5"] + .ql-picker-options .ql-picker-item[data-value="#cce0f5"]::after {
4780
- margin-left: 5px;
4781
- margin-top: -3px;
4782
- content: "L";
4783
- font-size: initial;
4784
- font-family: arial;
4785
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4786
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4787
- transform: scaleX(-1) rotate(-45deg);
4788
- }
4789
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#cce8cc"] + .ql-picker-options .ql-picker-item[data-value="#cce8cc"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#cce8cc"] + .ql-picker-options .ql-picker-item[data-value="#cce8cc"]::after {
4790
- margin-left: 5px;
4791
- margin-top: -3px;
4792
- content: "L";
4793
- font-size: initial;
4794
- font-family: arial;
4795
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4796
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4797
- transform: scaleX(-1) rotate(-45deg);
4798
- }
4799
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#ffffcc"] + .ql-picker-options .ql-picker-item[data-value="#ffffcc"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#ffffcc"] + .ql-picker-options .ql-picker-item[data-value="#ffffcc"]::after {
4800
- margin-left: 5px;
4801
- margin-top: -3px;
4802
- content: "L";
4803
- font-size: initial;
4804
- font-family: arial;
4805
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4806
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4807
- transform: scaleX(-1) rotate(-45deg);
4808
- }
4809
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#ffebcc"] + .ql-picker-options .ql-picker-item[data-value="#ffebcc"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#ffebcc"] + .ql-picker-options .ql-picker-item[data-value="#ffebcc"]::after {
4810
- margin-left: 5px;
4811
- margin-top: -3px;
4812
- content: "L";
4813
- font-size: initial;
4814
- font-family: arial;
4815
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4816
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4817
- transform: scaleX(-1) rotate(-45deg);
4818
- }
4819
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#facccc"] + .ql-picker-options .ql-picker-item[data-value="#facccc"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#facccc"] + .ql-picker-options .ql-picker-item[data-value="#facccc"]::after {
4820
- margin-left: 5px;
4821
- margin-top: -3px;
4822
- content: "L";
4823
- font-size: initial;
4824
- font-family: arial;
4825
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4826
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4827
- transform: scaleX(-1) rotate(-45deg);
4828
- }
4829
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#ffffff"] + .ql-picker-options .ql-picker-item[data-value="#ffffff"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#ffffff"] + .ql-picker-options .ql-picker-item[data-value="#ffffff"]::after {
4830
- margin-left: 5px;
4831
- margin-top: -3px;
4832
- content: "L";
4833
- font-size: initial;
4834
- font-family: arial;
4835
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4836
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4837
- transform: scaleX(-1) rotate(-45deg);
4838
- }
4839
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#9933ff"] + .ql-picker-options .ql-picker-item[data-value="#9933ff"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#9933ff"] + .ql-picker-options .ql-picker-item[data-value="#9933ff"]::after {
4840
- margin-left: 5px;
4841
- margin-top: -3px;
4842
- content: "L";
4843
- font-size: initial;
4844
- font-family: arial;
4845
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4846
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4847
- transform: scaleX(-1) rotate(-45deg);
4848
- }
4849
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#0066cc"] + .ql-picker-options .ql-picker-item[data-value="#0066cc"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#0066cc"] + .ql-picker-options .ql-picker-item[data-value="#0066cc"]::after {
4850
- margin-left: 5px;
4851
- margin-top: -3px;
4852
- content: "L";
4853
- font-size: initial;
4854
- font-family: arial;
4855
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4856
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4857
- transform: scaleX(-1) rotate(-45deg);
4858
- }
4859
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#008a00"] + .ql-picker-options .ql-picker-item[data-value="#008a00"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#008a00"] + .ql-picker-options .ql-picker-item[data-value="#008a00"]::after {
4860
- margin-left: 5px;
4861
- margin-top: -3px;
4862
- content: "L";
4863
- font-size: initial;
4864
- font-family: arial;
4865
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4866
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4867
- transform: scaleX(-1) rotate(-45deg);
4868
- }
4869
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#ffff00"] + .ql-picker-options .ql-picker-item[data-value="#ffff00"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#ffff00"] + .ql-picker-options .ql-picker-item[data-value="#ffff00"]::after {
4870
- margin-left: 5px;
4871
- margin-top: -3px;
4872
- content: "L";
4873
- font-size: initial;
4874
- font-family: arial;
4875
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4876
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4877
- transform: scaleX(-1) rotate(-45deg);
4878
- }
4879
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#ff9900"] + .ql-picker-options .ql-picker-item[data-value="#ff9900"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#ff9900"] + .ql-picker-options .ql-picker-item[data-value="#ff9900"]::after {
4880
- margin-left: 5px;
4881
- margin-top: -3px;
4882
- content: "L";
4883
- font-size: initial;
4884
- font-family: arial;
4885
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4886
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4887
- transform: scaleX(-1) rotate(-45deg);
4888
- }
4889
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#e60000"] + .ql-picker-options .ql-picker-item[data-value="#e60000"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#e60000"] + .ql-picker-options .ql-picker-item[data-value="#e60000"]::after {
4890
- margin-left: 5px;
4891
- margin-top: -3px;
4892
- content: "L";
4893
- font-size: initial;
4894
- font-family: arial;
4895
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4896
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4897
- transform: scaleX(-1) rotate(-45deg);
4898
- }
4899
- .ql-toolbar .ql-picker.ql-expanded.ql-color .ql-picker-label[data-value="#000000"] + .ql-picker-options .ql-picker-item[data-value="#000000"]::after, .ql-toolbar .ql-picker.ql-expanded.ql-background .ql-picker-label[data-value="#000000"] + .ql-picker-options .ql-picker-item[data-value="#000000"]::after {
4900
- margin-left: 5px;
4901
- margin-top: -3px;
4902
- content: "L";
4903
- font-size: initial;
4904
- font-family: arial;
4905
- -ms-transform: scaleX(-1) rotate(-45deg); /* IE 9 */
4906
- -webkit-transform: scaleX(-1) rotate(-45deg); /* Chrome, Safari, Opera */
4907
- transform: scaleX(-1) rotate(-45deg);
4908
- }
4909
- .ql-toolbar .ql-picker.ql-expanded .ql-picker-item:hover {
3299
+ .ql-toolbar .ql-color-picker .ql-picker-label:hover i, .ql-toolbar .ql-color-picker .ql-picker-label.ql-active i {
4910
3300
  color: #252b3a;
4911
- background-color: #f2f5fc;
4912
- }
4913
- .ql-toolbar .ql-picker-label {
4914
- outline: none;
4915
- border: 0;
4916
- }
4917
- .ql-toolbar .ql-color-picker {
4918
- width: 29px;
4919
- margin: 0 5px;
4920
- }
4921
- .ql-toolbar .ql-color-picker .ql-color-inner {
4922
- position: relative;
4923
- display: inline-flex;
4924
- align-items: center;
4925
- }
4926
- .ql-toolbar .ql-color-picker .ql-color-inner .icon-arrow-down {
4927
- margin-left: 6px;
4928
- }
4929
- .ql-toolbar .ql-color-picker .ql-color-inner i.icon-triangle-down {
4930
- height: 0;
4931
- width: 0;
4932
- margin-left: 6px;
4933
- margin-top: 3px;
4934
- border: 2.5px solid transparent;
4935
- border-top: 3px solid #252b3a;
4936
- }
4937
- .ql-toolbar .ql-color-picker .ql-color-inner .icon-down {
4938
- height: 0;
4939
- width: 0 !important;
4940
- margin-top: -2.5px !important;
4941
- border: 2.5px solid transparent;
4942
- border-top: 3px solid #252b3a;
4943
- display: inline-block;
4944
- height: 16px;
4945
- margin-top: 1px;
4946
- }
4947
- .ql-toolbar .ql-color-picker .ql-color-inner .current-color-line {
4948
- position: absolute;
4949
- bottom: 0;
4950
- left: 1px;
4951
- border-width: 1px;
4952
- border-style: solid;
4953
- width: 14px;
4954
- }
4955
- .ql-toolbar .ql-color-picker .ql-color-inner .current-color-line.color-line-background {
4956
- left: -1px;
4957
- width: 16px;
4958
- }
4959
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#3d1466"] .ql-color-inner .current-color-line {
4960
- border-color: "#3d1466";
4961
- }
4962
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#002966"] .ql-color-inner .current-color-line {
4963
- border-color: "#002966";
4964
- }
4965
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#003700"] .ql-color-inner .current-color-line {
4966
- border-color: "#003700";
4967
- }
4968
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#666600"] .ql-color-inner .current-color-line {
4969
- border-color: "#666600";
4970
- }
4971
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#663d00"] .ql-color-inner .current-color-line {
4972
- border-color: "#663d00";
4973
- }
4974
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#5c0000"] .ql-color-inner .current-color-line {
4975
- border-color: "#5c0000";
4976
- }
4977
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#444444"] .ql-color-inner .current-color-line {
4978
- border-color: "#444444";
4979
- }
4980
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#6b24b2"] .ql-color-inner .current-color-line {
4981
- border-color: "#6b24b2";
4982
- }
4983
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#0047b2"] .ql-color-inner .current-color-line {
4984
- border-color: "#0047b2";
4985
- }
4986
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#006100"] .ql-color-inner .current-color-line {
4987
- border-color: "#006100";
4988
- }
4989
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#b2b200"] .ql-color-inner .current-color-line {
4990
- border-color: "#b2b200";
4991
- }
4992
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#b26b00"] .ql-color-inner .current-color-line {
4993
- border-color: "#b26b00";
4994
- }
4995
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#a10000"] .ql-color-inner .current-color-line {
4996
- border-color: "#a10000";
4997
- }
4998
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#888888"] .ql-color-inner .current-color-line {
4999
- border-color: "#888888";
5000
- }
5001
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#c285ff"] .ql-color-inner .current-color-line {
5002
- border-color: "#c285ff";
5003
- }
5004
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#66a3e0"] .ql-color-inner .current-color-line {
5005
- border-color: "#66a3e0";
5006
- }
5007
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#66b966"] .ql-color-inner .current-color-line {
5008
- border-color: "#66b966";
5009
- }
5010
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#ffff66"] .ql-color-inner .current-color-line {
5011
- border-color: "#ffff66";
5012
- }
5013
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#ffc266"] .ql-color-inner .current-color-line {
5014
- border-color: "#ffc266";
5015
- }
5016
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#f06666"] .ql-color-inner .current-color-line {
5017
- border-color: "#f06666";
5018
- }
5019
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#bbbbbb"] .ql-color-inner .current-color-line {
5020
- border-color: "#bbbbbb";
5021
- }
5022
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#ebd6ff"] .ql-color-inner .current-color-line {
5023
- border-color: "#ebd6ff";
5024
- }
5025
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#cce0f5"] .ql-color-inner .current-color-line {
5026
- border-color: "#cce0f5";
5027
- }
5028
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#cce8cc"] .ql-color-inner .current-color-line {
5029
- border-color: "#cce8cc";
5030
- }
5031
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#ffffcc"] .ql-color-inner .current-color-line {
5032
- border-color: "#ffffcc";
5033
- }
5034
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#ffebcc"] .ql-color-inner .current-color-line {
5035
- border-color: "#ffebcc";
5036
- }
5037
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#facccc"] .ql-color-inner .current-color-line {
5038
- border-color: "#facccc";
5039
- }
5040
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#ffffff"] .ql-color-inner .current-color-line {
5041
- border-color: "#ffffff";
5042
- }
5043
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#9933ff"] .ql-color-inner .current-color-line {
5044
- border-color: "#9933ff";
5045
- }
5046
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#0066cc"] .ql-color-inner .current-color-line {
5047
- border-color: "#0066cc";
5048
- }
5049
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#008a00"] .ql-color-inner .current-color-line {
5050
- border-color: "#008a00";
5051
- }
5052
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#ffff00"] .ql-color-inner .current-color-line {
5053
- border-color: "#ffff00";
5054
- }
5055
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#ff9900"] .ql-color-inner .current-color-line {
5056
- border-color: "#ff9900";
5057
- }
5058
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#e60000"] .ql-color-inner .current-color-line {
5059
- border-color: "#e60000";
5060
- }
5061
- .ql-toolbar .ql-color-picker .ql-picker-label[data-value="#000000"] .ql-color-inner .current-color-line {
5062
- border-color: "#000000";
5063
- }
5064
- .ql-toolbar .ql-color-picker:hover .icon-down {
5065
- border-top-color: #5e7ce0;
5066
- }
5067
- .ql-toolbar .ql-color-picker:hover.ql-picker.ql-expanded .ql-picker-label {
5068
- color: #5e7ce0;
5069
- }
5070
- .ql-toolbar .ql-color-picker .ql-picker-label.ql-active .icon-down {
5071
- border-top-color: #5e7ce0;
5072
- }
5073
- .ql-toolbar .ql-color-picker .ql-picker-options {
5074
- width: 210px;
5075
- padding: 15px 20px;
5076
- }
5077
- .ql-toolbar .ql-color-picker .ql-picker-item {
5078
- width: 20px;
5079
- height: 20px;
5080
- margin: 0 5px 5px 0;
5081
- display: inline-flex;
5082
- align-items: center;
5083
- color: #fff;
5084
- }
5085
- .ql-toolbar .ql-color-picker .ql-picker-item:hover {
5086
- color: #fff;
5087
- }
5088
- .ql-toolbar .ql-color-picker .ql-picker-item:nth-child(7n+7) {
5089
- margin-right: 0;
5090
- }
5091
- .ql-toolbar .ql-color-picker .ql-picker-item:nth-last-child(-n+7) {
5092
- margin-bottom: 0;
5093
- }
5094
- .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item {
5095
- color: #fff;
5096
- }
5097
- .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item:hover {
5098
- color: #fff;
5099
- }
5100
- .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item[data-value="#ffffff"], .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item[data-value="#f3f6f8"], .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item[data-value="#fce5e4"], .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item[data-value="#fff1d0"], .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item[data-value="#ccf7ec"], .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item[data-value="#c7d9fa"], .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item[data-value="#e3e5e9"] {
5101
- color: #8a8e99;
5102
- }
5103
- .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item[data-value="#ffffff"]:hover, .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item[data-value="#f3f6f8"]:hover, .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item[data-value="#fce5e4"]:hover, .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item[data-value="#fff1d0"]:hover, .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item[data-value="#ccf7ec"]:hover, .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item[data-value="#c7d9fa"]:hover, .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item[data-value="#e3e5e9"]:hover {
5104
- color: #8a8e99;
5105
- }
5106
- .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item[data-value=""] {
5107
- position: relative;
5108
- background-color: #f5f5f5;
5109
- border: 1px solid #e9edfa;
5110
- }
5111
- .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-item[data-value=""]::after {
5112
- content: "";
5113
- display: block;
5114
- position: absolute;
5115
- top: 8px;
5116
- left: -3px;
5117
- width: 24px;
5118
- height: 0;
5119
- border-bottom: 2px solid #c7000b;
5120
- transform: rotate(45deg);
5121
3301
  }
5122
3302
  .ql-toolbar button:hover svg,
5123
3303
  .ql-toolbar button:hover polygon,
5124
3304
  .ql-toolbar button:hover path, .ql-toolbar button.ql-active svg,
5125
3305
  .ql-toolbar button.ql-active polygon,
5126
3306
  .ql-toolbar button.ql-active path,
5127
- .ql-toolbar span.ql-picker-label:hover svg,
5128
- .ql-toolbar span.ql-picker-label:hover polygon,
5129
- .ql-toolbar span.ql-picker-label:hover path,
5130
- .ql-toolbar span.ql-picker-label.ql-active svg,
5131
- .ql-toolbar span.ql-picker-label.ql-active polygon,
5132
- .ql-toolbar span.ql-picker-label.ql-active path {
3307
+ .ql-toolbar .ql-picker-label:hover svg,
3308
+ .ql-toolbar .ql-picker-label:hover polygon,
3309
+ .ql-toolbar .ql-picker-label:hover path,
3310
+ .ql-toolbar .ql-picker-label.ql-active svg,
3311
+ .ql-toolbar .ql-picker-label.ql-active polygon,
3312
+ .ql-toolbar .ql-picker-label.ql-active path {
5133
3313
  fill: #5e7ce0;
5134
3314
  }
5135
3315
  .ql-toolbar button:hover i, .ql-toolbar button.ql-active i,
5136
- .ql-toolbar span.ql-picker-label:hover i,
5137
- .ql-toolbar span.ql-picker-label.ql-active i {
3316
+ .ql-toolbar .ql-picker-label:hover i,
3317
+ .ql-toolbar .ql-picker-label.ql-active i {
5138
3318
  color: #5e7ce0;
5139
3319
  }
5140
3320
  .ql-toolbar button svg,
5141
3321
  .ql-toolbar button polygon,
5142
3322
  .ql-toolbar button path,
5143
- .ql-toolbar span.ql-picker-label svg,
5144
- .ql-toolbar span.ql-picker-label polygon,
5145
- .ql-toolbar span.ql-picker-label path {
3323
+ .ql-toolbar .ql-picker-label svg,
3324
+ .ql-toolbar .ql-picker-label polygon,
3325
+ .ql-toolbar .ql-picker-label path {
5146
3326
  fill: #252b3a;
5147
3327
  }
5148
3328
  .ql-toolbar button i,
5149
- .ql-toolbar span.ql-picker-label i {
3329
+ .ql-toolbar .ql-picker-label i {
5150
3330
  color: #252b3a;
5151
3331
  }
5152
3332
  .ql-toolbar button.ql-disabled svg,
5153
3333
  .ql-toolbar button.ql-disabled polygon,
5154
3334
  .ql-toolbar button.ql-disabled path,
5155
- .ql-toolbar span.ql-picker-label.ql-disabled svg,
5156
- .ql-toolbar span.ql-picker-label.ql-disabled polygon,
5157
- .ql-toolbar span.ql-picker-label.ql-disabled path {
3335
+ .ql-toolbar .ql-picker-label.ql-disabled svg,
3336
+ .ql-toolbar .ql-picker-label.ql-disabled polygon,
3337
+ .ql-toolbar .ql-picker-label.ql-disabled path {
5158
3338
  fill: #adb0b8;
5159
3339
  cursor: not-allowed;
5160
3340
  }