@syncfusion/ej2-image-editor 31.2.16 → 32.1.24

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 (299) hide show
  1. package/README.md +3 -13
  2. package/aceconfig.js +17 -0
  3. package/dist/ej2-image-editor.umd.min.js +2 -2
  4. package/dist/ej2-image-editor.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-image-editor.es2015.js +28 -82
  6. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-image-editor.es5.js +28 -82
  8. package/dist/es6/ej2-image-editor.es5.js.map +1 -1
  9. package/dist/global/ej2-image-editor.min.js +2 -2
  10. package/dist/global/ej2-image-editor.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -8
  13. package/src/image-editor/action/draw.js +1 -1
  14. package/src/image-editor/action/export.js +1 -5
  15. package/src/image-editor/action/freehand-draw.js +0 -5
  16. package/src/image-editor/action/selection.js +6 -14
  17. package/src/image-editor/action/shape.d.ts +0 -1
  18. package/src/image-editor/action/shape.js +2 -20
  19. package/src/image-editor/base/image-editor.js +3 -11
  20. package/src/image-editor/renderer/toolbar.js +15 -26
  21. package/styles/bds-lite.css +133 -57
  22. package/styles/bds-lite.scss +12 -13
  23. package/styles/bds.css +161 -60
  24. package/styles/bds.scss +13 -14
  25. package/styles/bootstrap-dark-lite.css +58 -57
  26. package/styles/bootstrap-dark-lite.scss +12 -13
  27. package/styles/bootstrap-dark.css +82 -60
  28. package/styles/bootstrap-dark.scss +13 -14
  29. package/styles/bootstrap-lite.css +58 -57
  30. package/styles/bootstrap-lite.scss +12 -13
  31. package/styles/bootstrap.css +82 -60
  32. package/styles/bootstrap.scss +13 -14
  33. package/styles/bootstrap4-lite.css +58 -57
  34. package/styles/bootstrap4-lite.scss +12 -13
  35. package/styles/bootstrap4.css +82 -60
  36. package/styles/bootstrap4.scss +13 -14
  37. package/styles/bootstrap5-dark-lite.css +59 -57
  38. package/styles/bootstrap5-dark-lite.scss +12 -13
  39. package/styles/bootstrap5-dark.css +83 -60
  40. package/styles/bootstrap5-dark.scss +13 -14
  41. package/styles/bootstrap5-lite.css +59 -57
  42. package/styles/bootstrap5-lite.scss +13 -13
  43. package/styles/bootstrap5.3-lite.css +475 -57
  44. package/styles/bootstrap5.3-lite.scss +13 -13
  45. package/styles/bootstrap5.3.css +583 -60
  46. package/styles/bootstrap5.3.scss +14 -14
  47. package/styles/bootstrap5.css +83 -60
  48. package/styles/bootstrap5.scss +14 -14
  49. package/styles/fabric-dark-lite.css +58 -57
  50. package/styles/fabric-dark-lite.scss +13 -13
  51. package/styles/fabric-dark.css +82 -60
  52. package/styles/fabric-dark.scss +14 -14
  53. package/styles/fabric-lite.css +58 -57
  54. package/styles/fabric-lite.scss +13 -13
  55. package/styles/fabric.css +82 -60
  56. package/styles/fabric.scss +14 -14
  57. package/styles/fluent-dark-lite.css +58 -57
  58. package/styles/fluent-dark-lite.scss +13 -13
  59. package/styles/fluent-dark.css +82 -60
  60. package/styles/fluent-dark.scss +14 -14
  61. package/styles/fluent-lite.css +58 -57
  62. package/styles/fluent-lite.scss +13 -13
  63. package/styles/fluent.css +82 -60
  64. package/styles/fluent.scss +14 -14
  65. package/styles/fluent2-lite.css +483 -60
  66. package/styles/fluent2-lite.scss +13 -13
  67. package/styles/fluent2.css +593 -63
  68. package/styles/fluent2.scss +14 -14
  69. package/styles/highcontrast-light-lite.css +58 -57
  70. package/styles/highcontrast-light-lite.scss +13 -13
  71. package/styles/highcontrast-light.css +82 -60
  72. package/styles/highcontrast-light.scss +14 -14
  73. package/styles/highcontrast-lite.css +57 -57
  74. package/styles/highcontrast-lite.scss +13 -13
  75. package/styles/highcontrast.css +81 -60
  76. package/styles/highcontrast.scss +14 -14
  77. package/styles/image-editor/_all.bds.scss +2 -0
  78. package/styles/image-editor/_all.bootstrap-dark.scss +2 -0
  79. package/styles/image-editor/_all.bootstrap.scss +2 -0
  80. package/styles/image-editor/_all.bootstrap4.scss +2 -0
  81. package/styles/image-editor/_all.bootstrap5-dark.scss +2 -0
  82. package/styles/image-editor/_all.bootstrap5.3.scss +2 -0
  83. package/styles/image-editor/_all.bootstrap5.scss +2 -0
  84. package/styles/image-editor/_all.fabric-dark.scss +2 -0
  85. package/styles/image-editor/_all.fabric.scss +2 -0
  86. package/styles/image-editor/_all.fluent-dark.scss +2 -0
  87. package/styles/image-editor/_all.fluent.scss +2 -0
  88. package/styles/image-editor/_all.fluent2.scss +2 -0
  89. package/styles/image-editor/_all.highcontrast-light.scss +2 -0
  90. package/styles/image-editor/_all.highcontrast.scss +2 -0
  91. package/styles/image-editor/_all.material-dark.scss +2 -0
  92. package/styles/image-editor/_all.material.scss +2 -0
  93. package/styles/image-editor/_all.material3-dark.scss +2 -0
  94. package/styles/image-editor/_all.material3.scss +2 -0
  95. package/styles/image-editor/_all.scss +2 -2
  96. package/styles/image-editor/_all.tailwind-dark.scss +2 -0
  97. package/styles/image-editor/_all.tailwind.scss +2 -0
  98. package/styles/image-editor/_all.tailwind3.scss +2 -0
  99. package/styles/image-editor/_bds-definition.scss +51 -0
  100. package/styles/image-editor/_bigger.bds.scss +3 -0
  101. package/styles/image-editor/_bigger.bootstrap-dark.scss +3 -0
  102. package/styles/image-editor/_bigger.bootstrap.scss +3 -0
  103. package/styles/image-editor/_bigger.bootstrap4.scss +3 -0
  104. package/styles/image-editor/_bigger.bootstrap5-dark.scss +3 -0
  105. package/styles/image-editor/_bigger.bootstrap5.3.scss +3 -0
  106. package/styles/image-editor/_bigger.bootstrap5.scss +3 -0
  107. package/styles/image-editor/_bigger.fabric-dark.scss +3 -0
  108. package/styles/image-editor/_bigger.fabric.scss +3 -0
  109. package/styles/image-editor/_bigger.fluent-dark.scss +3 -0
  110. package/styles/image-editor/_bigger.fluent.scss +3 -0
  111. package/styles/image-editor/_bigger.fluent2.scss +3 -0
  112. package/styles/image-editor/_bigger.highcontrast-light.scss +3 -0
  113. package/styles/image-editor/_bigger.highcontrast.scss +3 -0
  114. package/styles/image-editor/_bigger.material-dark.scss +3 -0
  115. package/styles/image-editor/_bigger.material.scss +3 -0
  116. package/styles/image-editor/_bigger.material3-dark.scss +3 -0
  117. package/styles/image-editor/_bigger.material3.scss +3 -0
  118. package/styles/image-editor/_bigger.scss +60 -9
  119. package/styles/image-editor/_bigger.tailwind-dark.scss +3 -0
  120. package/styles/image-editor/_bigger.tailwind.scss +3 -0
  121. package/styles/image-editor/_bigger.tailwind3.scss +3 -0
  122. package/styles/image-editor/_bootstrap-dark-definition.scss +51 -0
  123. package/styles/image-editor/_bootstrap-definition.scss +51 -0
  124. package/styles/image-editor/_bootstrap4-definition.scss +55 -0
  125. package/styles/image-editor/_bootstrap5-dark-definition.scss +81 -1
  126. package/styles/image-editor/_bootstrap5-definition.scss +52 -0
  127. package/styles/image-editor/_bootstrap5.3-definition.scss +51 -0
  128. package/styles/image-editor/_fabric-dark-definition.scss +51 -0
  129. package/styles/image-editor/_fabric-definition.scss +51 -0
  130. package/styles/image-editor/_fluent-dark-definition.scss +81 -1
  131. package/styles/image-editor/_fluent-definition.scss +52 -0
  132. package/styles/image-editor/_fluent2-definition.scss +51 -0
  133. package/styles/image-editor/_fusionnew-definition.scss +51 -0
  134. package/styles/image-editor/_highcontrast-definition.scss +51 -0
  135. package/styles/image-editor/_highcontrast-light-definition.scss +51 -0
  136. package/styles/image-editor/_layout.bds.scss +3 -0
  137. package/styles/image-editor/_layout.bootstrap-dark.scss +3 -0
  138. package/styles/image-editor/_layout.bootstrap.scss +3 -0
  139. package/styles/image-editor/_layout.bootstrap4.scss +3 -0
  140. package/styles/image-editor/_layout.bootstrap5-dark.scss +3 -0
  141. package/styles/image-editor/_layout.bootstrap5.3.scss +3 -0
  142. package/styles/image-editor/_layout.bootstrap5.scss +3 -0
  143. package/styles/image-editor/_layout.fabric-dark.scss +3 -0
  144. package/styles/image-editor/_layout.fabric.scss +3 -0
  145. package/styles/image-editor/_layout.fluent-dark.scss +3 -0
  146. package/styles/image-editor/_layout.fluent.scss +3 -0
  147. package/styles/image-editor/_layout.fluent2.scss +3 -0
  148. package/styles/image-editor/_layout.highcontrast-light.scss +3 -0
  149. package/styles/image-editor/_layout.highcontrast.scss +3 -0
  150. package/styles/image-editor/_layout.material-dark.scss +3 -0
  151. package/styles/image-editor/_layout.material.scss +3 -0
  152. package/styles/image-editor/_layout.material3-dark.scss +3 -0
  153. package/styles/image-editor/_layout.material3.scss +3 -0
  154. package/styles/image-editor/_layout.scss +197 -115
  155. package/styles/image-editor/_layout.tailwind-dark.scss +3 -0
  156. package/styles/image-editor/_layout.tailwind.scss +3 -0
  157. package/styles/image-editor/_layout.tailwind3.scss +3 -0
  158. package/styles/image-editor/_material-dark-definition.scss +51 -0
  159. package/styles/image-editor/_material-definition.scss +51 -0
  160. package/styles/image-editor/_material3-dark-definition.scss +82 -1
  161. package/styles/image-editor/_material3-definition.scss +53 -0
  162. package/styles/image-editor/_tailwind-dark-definition.scss +81 -1
  163. package/styles/image-editor/_tailwind-definition.scss +52 -0
  164. package/styles/image-editor/_tailwind3-definition.scss +75 -1
  165. package/styles/image-editor/_theme-variables.bds.scss +1 -0
  166. package/styles/image-editor/_theme-variables.bootstrap-dark.scss +1 -0
  167. package/styles/image-editor/_theme-variables.bootstrap.scss +1 -0
  168. package/styles/image-editor/_theme-variables.bootstrap4.scss +1 -0
  169. package/styles/image-editor/_theme-variables.bootstrap5-dark.scss +1 -0
  170. package/styles/image-editor/_theme-variables.bootstrap5.3.scss +1 -0
  171. package/styles/image-editor/_theme-variables.bootstrap5.scss +1 -0
  172. package/styles/image-editor/_theme-variables.fabric-dark.scss +1 -0
  173. package/styles/image-editor/_theme-variables.fabric.scss +1 -0
  174. package/styles/image-editor/_theme-variables.fluent-dark.scss +1 -0
  175. package/styles/image-editor/_theme-variables.fluent.scss +1 -0
  176. package/styles/image-editor/_theme-variables.fluent2.scss +1 -0
  177. package/styles/image-editor/_theme-variables.highcontrast-light.scss +1 -0
  178. package/styles/image-editor/_theme-variables.highcontrast.scss +1 -0
  179. package/styles/image-editor/_theme-variables.material-dark.scss +1 -0
  180. package/styles/image-editor/_theme-variables.material.scss +1 -0
  181. package/styles/image-editor/_theme-variables.material3-dark.scss +1 -0
  182. package/styles/image-editor/_theme-variables.material3.scss +1 -0
  183. package/styles/image-editor/_theme-variables.tailwind-dark.scss +1 -0
  184. package/styles/image-editor/_theme-variables.tailwind.scss +1 -0
  185. package/styles/image-editor/_theme-variables.tailwind3.scss +1 -0
  186. package/styles/image-editor/_theme.bds.scss +6 -0
  187. package/styles/image-editor/_theme.bootstrap-dark.scss +6 -0
  188. package/styles/image-editor/_theme.bootstrap.scss +6 -0
  189. package/styles/image-editor/_theme.bootstrap4.scss +6 -0
  190. package/styles/image-editor/_theme.bootstrap5-dark.scss +6 -0
  191. package/styles/image-editor/_theme.bootstrap5.3.scss +6 -0
  192. package/styles/image-editor/_theme.bootstrap5.scss +6 -0
  193. package/styles/image-editor/_theme.fabric-dark.scss +6 -0
  194. package/styles/image-editor/_theme.fabric.scss +6 -0
  195. package/styles/image-editor/_theme.fluent-dark.scss +6 -0
  196. package/styles/image-editor/_theme.fluent.scss +6 -0
  197. package/styles/image-editor/_theme.fluent2.scss +6 -0
  198. package/styles/image-editor/_theme.highcontrast-light.scss +6 -0
  199. package/styles/image-editor/_theme.highcontrast.scss +6 -0
  200. package/styles/image-editor/_theme.material-dark.scss +6 -0
  201. package/styles/image-editor/_theme.material.scss +6 -0
  202. package/styles/image-editor/_theme.material3-dark.scss +6 -0
  203. package/styles/image-editor/_theme.material3.scss +6 -0
  204. package/styles/image-editor/_theme.scss +46 -1
  205. package/styles/image-editor/_theme.tailwind-dark.scss +6 -0
  206. package/styles/image-editor/_theme.tailwind.scss +6 -0
  207. package/styles/image-editor/_theme.tailwind3.scss +6 -0
  208. package/styles/image-editor/bds.css +161 -60
  209. package/styles/image-editor/bds.scss +14 -14
  210. package/styles/image-editor/bootstrap-dark.css +82 -60
  211. package/styles/image-editor/bootstrap-dark.scss +14 -14
  212. package/styles/image-editor/bootstrap.css +82 -60
  213. package/styles/image-editor/bootstrap.scss +14 -14
  214. package/styles/image-editor/bootstrap4.css +82 -60
  215. package/styles/image-editor/bootstrap4.scss +14 -14
  216. package/styles/image-editor/bootstrap5-dark.css +83 -60
  217. package/styles/image-editor/bootstrap5-dark.scss +14 -14
  218. package/styles/image-editor/bootstrap5.3.css +583 -60
  219. package/styles/image-editor/bootstrap5.3.scss +14 -14
  220. package/styles/image-editor/bootstrap5.css +83 -60
  221. package/styles/image-editor/bootstrap5.scss +14 -14
  222. package/styles/image-editor/fabric-dark.css +82 -60
  223. package/styles/image-editor/fabric-dark.scss +14 -14
  224. package/styles/image-editor/fabric.css +82 -60
  225. package/styles/image-editor/fabric.scss +14 -14
  226. package/styles/image-editor/fluent-dark.css +82 -60
  227. package/styles/image-editor/fluent-dark.scss +14 -14
  228. package/styles/image-editor/fluent.css +82 -60
  229. package/styles/image-editor/fluent.scss +14 -14
  230. package/styles/image-editor/fluent2.css +593 -63
  231. package/styles/image-editor/fluent2.scss +14 -14
  232. package/styles/image-editor/highcontrast-light.css +82 -60
  233. package/styles/image-editor/highcontrast-light.scss +14 -14
  234. package/styles/image-editor/highcontrast.css +81 -60
  235. package/styles/image-editor/highcontrast.scss +14 -14
  236. package/styles/image-editor/icons/_bds.scss +1 -0
  237. package/styles/image-editor/icons/_bootstrap-dark.scss +1 -0
  238. package/styles/image-editor/icons/_bootstrap.scss +1 -0
  239. package/styles/image-editor/icons/_bootstrap4.scss +1 -0
  240. package/styles/image-editor/icons/_bootstrap5-dark.scss +1 -1
  241. package/styles/image-editor/icons/_bootstrap5.3.scss +1 -0
  242. package/styles/image-editor/icons/_bootstrap5.scss +1 -0
  243. package/styles/image-editor/icons/_fabric-dark.scss +1 -0
  244. package/styles/image-editor/icons/_fabric.scss +1 -0
  245. package/styles/image-editor/icons/_fluent-dark.scss +1 -1
  246. package/styles/image-editor/icons/_fluent.scss +1 -0
  247. package/styles/image-editor/icons/_fluent2.scss +1 -0
  248. package/styles/image-editor/icons/_fusionnew.scss +1 -0
  249. package/styles/image-editor/icons/_highcontrast-light.scss +1 -0
  250. package/styles/image-editor/icons/_highcontrast.scss +1 -0
  251. package/styles/image-editor/icons/_material-dark.scss +1 -0
  252. package/styles/image-editor/icons/_material.scss +1 -0
  253. package/styles/image-editor/icons/_material3-dark.scss +1 -1
  254. package/styles/image-editor/icons/_material3.scss +1 -0
  255. package/styles/image-editor/icons/_tailwind-dark.scss +1 -1
  256. package/styles/image-editor/icons/_tailwind.scss +1 -0
  257. package/styles/image-editor/icons/_tailwind3.scss +1 -0
  258. package/styles/image-editor/material-dark.css +93 -60
  259. package/styles/image-editor/material-dark.scss +14 -14
  260. package/styles/image-editor/material.css +93 -60
  261. package/styles/image-editor/material.scss +14 -14
  262. package/styles/image-editor/material3-dark.css +572 -60
  263. package/styles/image-editor/material3-dark.scss +14 -15
  264. package/styles/image-editor/material3.css +582 -60
  265. package/styles/image-editor/material3.scss +14 -15
  266. package/styles/image-editor/tailwind-dark.css +82 -60
  267. package/styles/image-editor/tailwind-dark.scss +14 -14
  268. package/styles/image-editor/tailwind.css +82 -60
  269. package/styles/image-editor/tailwind.scss +14 -14
  270. package/styles/image-editor/tailwind3.css +606 -84
  271. package/styles/image-editor/tailwind3.scss +14 -14
  272. package/styles/material-dark-lite.css +69 -57
  273. package/styles/material-dark-lite.scss +13 -13
  274. package/styles/material-dark.css +93 -60
  275. package/styles/material-dark.scss +14 -14
  276. package/styles/material-lite.css +69 -57
  277. package/styles/material-lite.scss +12 -13
  278. package/styles/material.css +93 -60
  279. package/styles/material.scss +13 -14
  280. package/styles/material3-dark-lite.css +466 -57
  281. package/styles/material3-dark-lite.scss +13 -13
  282. package/styles/material3-dark.css +572 -60
  283. package/styles/material3-dark.scss +14 -16
  284. package/styles/material3-lite.css +474 -57
  285. package/styles/material3-lite.scss +13 -13
  286. package/styles/material3.css +582 -60
  287. package/styles/material3.scss +14 -16
  288. package/styles/tailwind-dark-lite.css +58 -57
  289. package/styles/tailwind-dark-lite.scss +13 -13
  290. package/styles/tailwind-dark.css +82 -60
  291. package/styles/tailwind-dark.scss +14 -14
  292. package/styles/tailwind-lite.css +58 -57
  293. package/styles/tailwind-lite.scss +13 -13
  294. package/styles/tailwind.css +82 -60
  295. package/styles/tailwind.scss +14 -14
  296. package/styles/tailwind3-lite.css +492 -72
  297. package/styles/tailwind3-lite.scss +13 -13
  298. package/styles/tailwind3.css +606 -84
  299. package/styles/tailwind3.scss +14 -14
@@ -4,8 +4,87 @@
4
4
 
5
5
 
6
6
 
7
+
8
+
9
+ /* Font Family */
10
+ /* Font Sizes */
11
+ /* Radius */
12
+ /* 1px */
13
+ /* 2px */
14
+ /* 3px */
15
+ /* 4px */
16
+ /* 5px */
17
+ /* 6px */
18
+ /* 7px */
19
+ /* 8px */
20
+ /* 9px */
21
+ /* 10px */
22
+ /* 11px */
23
+ /* 12px */
24
+ /* 13px */
25
+ /* 14px */
26
+ /* 15px */
27
+ /* 16px */
28
+ /* 17px */
29
+ /* 18px */
30
+ /* 19px */
31
+ /* 20px */
32
+ /* 21px */
33
+ /* 22px */
34
+ /* 23px */
35
+ /* 24px */
36
+ /* 25px */
37
+ /* 26px */
38
+ /* 27px */
39
+ /* 28px */
40
+ /* 29px */
41
+ /* 30px */
42
+ /* 31px */
43
+ /* 32px */
44
+ /* 33px */
45
+ /* 34px */
46
+ /* 35px */
47
+ /* 36px */
48
+ /* 37px */
49
+ /* 38px */
50
+ /* 39px */
51
+ /* 40px */
52
+ /* 41px */
53
+ /* 42px */
54
+ /* 43px */
55
+ /* 44px */
56
+ /* 45px */
57
+ /* 46px */
58
+ /* 47px */
59
+ /* 48px */
60
+ /* 49px */
61
+ /* 50px */
62
+ /* 5em */
63
+ /* 65% */
64
+ /* border */
65
+ /* 0px */
66
+ /* 1px */
67
+ /* 1.5px */
68
+ /* 2px */
69
+ /* 3px */
70
+ /* 4px */
71
+ /* 5px */
72
+ /* 6px */
73
+ /* 7px */
74
+ /* 8px */
75
+ /* 9px */
76
+ /* 10px */
77
+ /* 11px */
78
+ /* 12px */
79
+ /* 13px */
80
+ /* 14px */
81
+ /* 15px */
82
+ /* 16px */
83
+
84
+
85
+
86
+
7
87
  /* stylelint-disable-line no-empty-source */
8
- /* stylelint-disable */
9
88
  /* stylelint-disable property-no-vendor-prefix */
10
89
  @-webkit-keyframes material-spinner-rotate {
11
90
  0% {
@@ -200,6 +279,92 @@
200
279
  content: "\e931";
201
280
  }
202
281
 
282
+
283
+
284
+
285
+
286
+
287
+
288
+
289
+
290
+ /* Font Family */
291
+ /* Font Sizes */
292
+ /* Radius */
293
+ /* 1px */
294
+ /* 2px */
295
+ /* 3px */
296
+ /* 4px */
297
+ /* 5px */
298
+ /* 6px */
299
+ /* 7px */
300
+ /* 8px */
301
+ /* 9px */
302
+ /* 10px */
303
+ /* 11px */
304
+ /* 12px */
305
+ /* 13px */
306
+ /* 14px */
307
+ /* 15px */
308
+ /* 16px */
309
+ /* 17px */
310
+ /* 18px */
311
+ /* 19px */
312
+ /* 20px */
313
+ /* 21px */
314
+ /* 22px */
315
+ /* 23px */
316
+ /* 24px */
317
+ /* 25px */
318
+ /* 26px */
319
+ /* 27px */
320
+ /* 28px */
321
+ /* 29px */
322
+ /* 30px */
323
+ /* 31px */
324
+ /* 32px */
325
+ /* 33px */
326
+ /* 34px */
327
+ /* 35px */
328
+ /* 36px */
329
+ /* 37px */
330
+ /* 38px */
331
+ /* 39px */
332
+ /* 40px */
333
+ /* 41px */
334
+ /* 42px */
335
+ /* 43px */
336
+ /* 44px */
337
+ /* 45px */
338
+ /* 46px */
339
+ /* 47px */
340
+ /* 48px */
341
+ /* 49px */
342
+ /* 50px */
343
+ /* 5em */
344
+ /* 65% */
345
+ /* border */
346
+ /* 0px */
347
+ /* 1px */
348
+ /* 1.5px */
349
+ /* 2px */
350
+ /* 3px */
351
+ /* 4px */
352
+ /* 5px */
353
+ /* 6px */
354
+ /* 7px */
355
+ /* 8px */
356
+ /* 9px */
357
+ /* 10px */
358
+ /* 11px */
359
+ /* 12px */
360
+ /* 13px */
361
+ /* 14px */
362
+ /* 15px */
363
+ /* 16px */
364
+
365
+
366
+
367
+
203
368
  .e-ie-toolbar-upload-div.e-hide,
204
369
  .e-ie-toolbar-upload-btn.e-hide,
205
370
  .e-ie-img-quality-slider,
@@ -210,16 +375,6 @@
210
375
  .e-device.e-image-editor .e-img-font-style.e-template {
211
376
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
212
377
  }
213
- .e-device.e-image-editor .e-slider-container {
214
- margin-left: calc(50% - 70px) !important; /* stylelint-disable-line declaration-no-important */
215
- height: 54px !important; /* stylelint-disable-line declaration-no-important */
216
- }
217
- .e-device.e-image-editor .e-straighten-slider {
218
- margin-left: calc(50% - 70px) !important; /* stylelint-disable-line declaration-no-important */
219
- }
220
- .e-device.e-image-editor .e-ie-straighten-value-span {
221
- margin-left: 15px !important; /* stylelint-disable-line declaration-no-important */
222
- }
223
378
  .e-device.e-image-editor .e-hscroll .e-scroll-nav.e-scroll-right-nav, .e-device.e-image-editor .e-scroll-right-overlay {
224
379
  display: none !important; /* stylelint-disable-line declaration-no-important */
225
380
  }
@@ -264,8 +419,8 @@
264
419
  height: calc(100% - 18px);
265
420
  width: calc(100% - 20px);
266
421
  border: 2px dashed var(--color-sf-icon-color);
267
- border-radius: 10px;
268
422
  margin: 10px;
423
+ border-radius: 10px;
269
424
  }
270
425
  .e-image-editor .e-ie-drop-area .e-upload {
271
426
  display: none;
@@ -276,24 +431,30 @@
276
431
  .e-image-editor .e-ie-drop-area .e-ie-drop-icon {
277
432
  top: calc(50% - 60px);
278
433
  left: calc(50% - 25px);
434
+ position: absolute;
279
435
  }
280
436
  .e-image-editor .e-ie-drop-area .e-ie-drop-content {
281
437
  top: 50%;
282
438
  left: calc(50% - 160px);
283
439
  font-size: 14px;
440
+ position: absolute;
441
+ }
442
+ .e-image-editor .e-ie-drop-area .e-ie-drop-browse {
443
+ text-decoration: none;
284
444
  }
285
445
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
286
446
  top: calc(50% + 40px);
287
447
  left: 50%;
448
+ font-size: 14px;
449
+ position: absolute;
288
450
  -webkit-transform: translate(-50%, -50%);
289
451
  transform: translate(-50%, -50%);
290
- position: absolute;
291
- font-size: 14px;
292
452
  }
293
453
  .e-image-editor .e-ie-drop-area .e-ie-min-drop-content {
294
454
  left: calc(50% - 120px);
295
455
  top: 50%;
296
456
  font-size: 14px;
457
+ position: absolute;
297
458
  }
298
459
  .e-image-editor .e-toolbar {
299
460
  border: none;
@@ -306,9 +467,14 @@
306
467
  .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-height {
307
468
  margin-left: 20px;
308
469
  min-width: 28px !important; /* stylelint-disable-line declaration-no-important */
470
+ font-size: 12px;
309
471
  }
310
472
  .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-width {
311
473
  min-width: 28px !important; /* stylelint-disable-line declaration-no-important */
474
+ font-size: 12px;
475
+ }
476
+ .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-stroke, .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-frame-stroke, .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-size {
477
+ font-size: 12px;
312
478
  }
313
479
  .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
314
480
  font-size: 16px;
@@ -370,6 +536,13 @@
370
536
  width: 100%;
371
537
  z-index: 1;
372
538
  }
539
+ .e-image-editor .e-contextual-toolbar-wrapper .e-ie-head-wrapper {
540
+ -ms-flex-line-pack: center;
541
+ align-content: center;
542
+ text-align: center;
543
+ height: auto;
544
+ min-height: 58px;
545
+ }
373
546
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar {
374
547
  border-bottom: none !important; /* stylelint-disable-line declaration-no-important */
375
548
  height: 130px !important; /* stylelint-disable-line declaration-no-important */
@@ -417,6 +590,7 @@
417
590
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper {
418
591
  -webkit-box-sizing: content-box;
419
592
  box-sizing: content-box;
593
+ font-size: 12px;
420
594
  }
421
595
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper div {
422
596
  text-align: center;
@@ -426,8 +600,8 @@
426
600
  height: 100px;
427
601
  }
428
602
  .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
429
- margin-left: calc(50% - 137px);
430
- height: 54px !important; /* stylelint-disable-line declaration-no-important */
603
+ margin: 0 16px 1px 16px;
604
+ height: auto;
431
605
  }
432
606
  .e-image-editor .e-dropdown-btn.e-ie-ddb-popup {
433
607
  padding-left: 14px;
@@ -435,6 +609,15 @@
435
609
  .e-image-editor .e-dropdown-btn, .e-image-editor .e-dropdown-btn span {
436
610
  font-weight: normal;
437
611
  }
612
+ .e-image-editor .e-ie-finetune-slider-wrap {
613
+ height: auto !important; /* stylelint-disable-line declaration-no-important */
614
+ }
615
+ .e-image-editor .e-ie-finetune-slider-label, .e-image-editor .e-ie-finetune-value-span, .e-image-editor .e-ie-redact-value-span {
616
+ font-size: 14px;
617
+ line-height: 20px;
618
+ letter-spacing: normal;
619
+ font-weight: 400;
620
+ }
438
621
 
439
622
  .e-ie-straighten-value-span,
440
623
  .e-ie-straighten-span,
@@ -444,10 +627,18 @@
444
627
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
445
628
  }
446
629
 
630
+ .e-device.e-image-editor .e-ie-straighten-value-span,
631
+ .e-device.e-image-editor .e-ie-straighten-span,
632
+ .e-device.e-image-editor .e-ie-toolbar-straighten {
633
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
634
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
635
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
636
+ }
637
+
447
638
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
448
639
  height: auto;
449
- margin-left: 8px;
450
640
  padding-right: 2px;
641
+ margin-left: 8px;
451
642
  }
452
643
 
453
644
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -463,18 +654,10 @@
463
654
  top: calc(50% - 10px) !important; /* stylelint-disable-line declaration-no-important */
464
655
  }
465
656
 
466
- .e-ie-finetune-value-span {
467
- top: 28% !important; /* stylelint-disable-line declaration-no-important */
468
- }
469
-
470
657
  .e-device.e-image-editor .e-ie-finetune-value-span {
471
658
  top: 29% !important; /* stylelint-disable-line declaration-no-important */
472
659
  }
473
660
 
474
- .e-ie-finetune-slider-label {
475
- top: 29% !important; /* stylelint-disable-line declaration-no-important */
476
- }
477
-
478
661
  .e-ie-finetune-slider-wrap {
479
662
  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
480
663
  }
@@ -484,7 +667,8 @@
484
667
  }
485
668
 
486
669
  .e-ie-slider-wrap {
487
- top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
670
+ height: auto !important; /* stylelint-disable-line declaration-no-important */
671
+ top: auto !important; /* stylelint-disable-line declaration-no-important */
488
672
  }
489
673
 
490
674
  .e-dropdown-popup.e-ie-crop-ddb-popup ul {
@@ -496,10 +680,6 @@
496
680
  background: none !important; /* stylelint-disable-line declaration-no-important */
497
681
  }
498
682
 
499
- .e-device.e-image-editor .e-ie-device-transparency-slider {
500
- margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
501
- }
502
-
503
683
  .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal,
504
684
  .e-ie-quality-option-container .e-slider-container.e-horizontal {
505
685
  height: 28px;
@@ -558,6 +738,7 @@
558
738
  -webkit-box-pack: start;
559
739
  -ms-flex-pack: start;
560
740
  justify-content: flex-start;
741
+ text-align: center;
561
742
  }
562
743
 
563
744
  .e-ie-dlg-right-content {
@@ -566,13 +747,14 @@
566
747
 
567
748
  .e-ie-img-save-name {
568
749
  display: inline-block;
569
- margin-right: 10px;
570
750
  width: calc(69% - 13px);
751
+ margin-right: 10px;
571
752
  }
572
753
 
573
754
  .e-ie-img-save-dlg {
574
755
  display: inline-block;
575
- width: 92px;
756
+ width: auto;
757
+ min-width: 92px;
576
758
  }
577
759
 
578
760
  .e-ie-img-save-dlg .e-btn {
@@ -580,8 +762,8 @@
580
762
  }
581
763
 
582
764
  .e-ie-img-label-name {
583
- margin-bottom: 5px;
584
765
  display: block;
766
+ margin-bottom: 5px;
585
767
  }
586
768
 
587
769
  .e-ie-img-quality-name {
@@ -631,11 +813,11 @@
631
813
  }
632
814
 
633
815
  .e-ie-img-icon-button {
634
- margin-left: 10px;
635
816
  width: -webkit-max-content;
636
817
  width: -moz-max-content;
637
818
  width: max-content;
638
819
  margin-bottom: 5px;
820
+ margin-left: 10px;
639
821
  }
640
822
 
641
823
  .e-ie-quality-option-container .e-btn-group .e-btn {
@@ -668,10 +850,6 @@
668
850
  .e-blr-ie-save-dialog.e-device .e-ie-quality-option-container .e-ie-img-icon-button {
669
851
  margin-left: 0;
670
852
  }
671
- .e-blr-ie-save-dialog.e-device .e-slider-container {
672
- margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
673
- height: 28px !important; /* stylelint-disable-line declaration-no-important */
674
- }
675
853
  .e-blr-ie-save-dialog.e-device .e-ie-img-size-value-span {
676
854
  margin-left: calc(70% - 100px) !important; /* stylelint-disable-line declaration-no-important */
677
855
  }
@@ -686,14 +864,6 @@
686
864
  border: none;
687
865
  }
688
866
 
689
- .e-ie-straighten-value-span {
690
- margin-left: 7px !important; /* stylelint-disable-line declaration-no-important */
691
- }
692
-
693
- .e-device.e-image-editor .e-ie-straighten-value-span {
694
- margin-left: 15px !important; /* stylelint-disable-line declaration-no-important */
695
- }
696
-
697
867
  @media only screen and (max-width: 390px) {
698
868
  .e-device.e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-ie-img-quality-name .e-btn-group .e-btn {
699
869
  padding-left: 9px;
@@ -703,17 +873,13 @@
703
873
  width: calc(65% - 30px) !important; /* stylelint-disable-line declaration-no-important */
704
874
  }
705
875
  }
706
- .e-device.e-image-editor .e-contextual-toolbar-wrapper .e-ie-finetune-slider-label {
707
- left: calc(50% - 145px) !important; /* stylelint-disable-line declaration-no-important */
708
- }
709
-
710
- .e-device.e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
711
- width: 170px !important; /* stylelint-disable-line declaration-no-important */
712
- margin-left: calc(50% - 62px) !important; /* stylelint-disable-line declaration-no-important */
713
- }
714
-
715
- .e-device.e-image-editor .e-contextual-toolbar-wrapper .e-ie-finetune-value-span {
716
- margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
876
+ .e-device.e-image-editor .e-contextual-toolbar-wrapper .e-ie-finetune-slider-label,
877
+ .e-device.e-image-editor .e-contextual-toolbar-wrapper .e-ie-finetune-value-span,
878
+ .e-device.e-image-editor .e-contextual-toolbar-wrapper .e-ie-redact-value-span {
879
+ font-size: 16px;
880
+ line-height: 24px;
881
+ letter-spacing: normal;
882
+ font-weight: normal;
717
883
  }
718
884
 
719
885
  .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
@@ -728,6 +894,264 @@
728
894
  top: calc(50% - 18px) !important; /* stylelint-disable-line declaration-no-important */
729
895
  }
730
896
 
897
+
898
+
899
+
900
+
901
+
902
+
903
+
904
+
905
+ /* Font Family */
906
+ /* Font Sizes */
907
+ /* Radius */
908
+ /* 1px */
909
+ /* 2px */
910
+ /* 3px */
911
+ /* 4px */
912
+ /* 5px */
913
+ /* 6px */
914
+ /* 7px */
915
+ /* 8px */
916
+ /* 9px */
917
+ /* 10px */
918
+ /* 11px */
919
+ /* 12px */
920
+ /* 13px */
921
+ /* 14px */
922
+ /* 15px */
923
+ /* 16px */
924
+ /* 17px */
925
+ /* 18px */
926
+ /* 19px */
927
+ /* 20px */
928
+ /* 21px */
929
+ /* 22px */
930
+ /* 23px */
931
+ /* 24px */
932
+ /* 25px */
933
+ /* 26px */
934
+ /* 27px */
935
+ /* 28px */
936
+ /* 29px */
937
+ /* 30px */
938
+ /* 31px */
939
+ /* 32px */
940
+ /* 33px */
941
+ /* 34px */
942
+ /* 35px */
943
+ /* 36px */
944
+ /* 37px */
945
+ /* 38px */
946
+ /* 39px */
947
+ /* 40px */
948
+ /* 41px */
949
+ /* 42px */
950
+ /* 43px */
951
+ /* 44px */
952
+ /* 45px */
953
+ /* 46px */
954
+ /* 47px */
955
+ /* 48px */
956
+ /* 49px */
957
+ /* 50px */
958
+ /* 5em */
959
+ /* 65% */
960
+ /* border */
961
+ /* 0px */
962
+ /* 1px */
963
+ /* 1.5px */
964
+ /* 2px */
965
+ /* 3px */
966
+ /* 4px */
967
+ /* 5px */
968
+ /* 6px */
969
+ /* 7px */
970
+ /* 8px */
971
+ /* 9px */
972
+ /* 10px */
973
+ /* 11px */
974
+ /* 12px */
975
+ /* 13px */
976
+ /* 14px */
977
+ /* 15px */
978
+ /* 16px */
979
+
980
+
981
+
982
+
983
+
984
+
985
+
986
+
987
+
988
+
989
+
990
+
991
+ /* Font Family */
992
+ /* Font Sizes */
993
+ /* Radius */
994
+ /* 1px */
995
+ /* 2px */
996
+ /* 3px */
997
+ /* 4px */
998
+ /* 5px */
999
+ /* 6px */
1000
+ /* 7px */
1001
+ /* 8px */
1002
+ /* 9px */
1003
+ /* 10px */
1004
+ /* 11px */
1005
+ /* 12px */
1006
+ /* 13px */
1007
+ /* 14px */
1008
+ /* 15px */
1009
+ /* 16px */
1010
+ /* 17px */
1011
+ /* 18px */
1012
+ /* 19px */
1013
+ /* 20px */
1014
+ /* 21px */
1015
+ /* 22px */
1016
+ /* 23px */
1017
+ /* 24px */
1018
+ /* 25px */
1019
+ /* 26px */
1020
+ /* 27px */
1021
+ /* 28px */
1022
+ /* 29px */
1023
+ /* 30px */
1024
+ /* 31px */
1025
+ /* 32px */
1026
+ /* 33px */
1027
+ /* 34px */
1028
+ /* 35px */
1029
+ /* 36px */
1030
+ /* 37px */
1031
+ /* 38px */
1032
+ /* 39px */
1033
+ /* 40px */
1034
+ /* 41px */
1035
+ /* 42px */
1036
+ /* 43px */
1037
+ /* 44px */
1038
+ /* 45px */
1039
+ /* 46px */
1040
+ /* 47px */
1041
+ /* 48px */
1042
+ /* 49px */
1043
+ /* 50px */
1044
+ /* 5em */
1045
+ /* 65% */
1046
+ /* border */
1047
+ /* 0px */
1048
+ /* 1px */
1049
+ /* 1.5px */
1050
+ /* 2px */
1051
+ /* 3px */
1052
+ /* 4px */
1053
+ /* 5px */
1054
+ /* 6px */
1055
+ /* 7px */
1056
+ /* 8px */
1057
+ /* 9px */
1058
+ /* 10px */
1059
+ /* 11px */
1060
+ /* 12px */
1061
+ /* 13px */
1062
+ /* 14px */
1063
+ /* 15px */
1064
+ /* 16px */
1065
+
1066
+
1067
+
1068
+
1069
+
1070
+
1071
+
1072
+
1073
+
1074
+
1075
+
1076
+
1077
+ /* Font Family */
1078
+ /* Font Sizes */
1079
+ /* Radius */
1080
+ /* 1px */
1081
+ /* 2px */
1082
+ /* 3px */
1083
+ /* 4px */
1084
+ /* 5px */
1085
+ /* 6px */
1086
+ /* 7px */
1087
+ /* 8px */
1088
+ /* 9px */
1089
+ /* 10px */
1090
+ /* 11px */
1091
+ /* 12px */
1092
+ /* 13px */
1093
+ /* 14px */
1094
+ /* 15px */
1095
+ /* 16px */
1096
+ /* 17px */
1097
+ /* 18px */
1098
+ /* 19px */
1099
+ /* 20px */
1100
+ /* 21px */
1101
+ /* 22px */
1102
+ /* 23px */
1103
+ /* 24px */
1104
+ /* 25px */
1105
+ /* 26px */
1106
+ /* 27px */
1107
+ /* 28px */
1108
+ /* 29px */
1109
+ /* 30px */
1110
+ /* 31px */
1111
+ /* 32px */
1112
+ /* 33px */
1113
+ /* 34px */
1114
+ /* 35px */
1115
+ /* 36px */
1116
+ /* 37px */
1117
+ /* 38px */
1118
+ /* 39px */
1119
+ /* 40px */
1120
+ /* 41px */
1121
+ /* 42px */
1122
+ /* 43px */
1123
+ /* 44px */
1124
+ /* 45px */
1125
+ /* 46px */
1126
+ /* 47px */
1127
+ /* 48px */
1128
+ /* 49px */
1129
+ /* 50px */
1130
+ /* 5em */
1131
+ /* 65% */
1132
+ /* border */
1133
+ /* 0px */
1134
+ /* 1px */
1135
+ /* 1.5px */
1136
+ /* 2px */
1137
+ /* 3px */
1138
+ /* 4px */
1139
+ /* 5px */
1140
+ /* 6px */
1141
+ /* 7px */
1142
+ /* 8px */
1143
+ /* 9px */
1144
+ /* 10px */
1145
+ /* 11px */
1146
+ /* 12px */
1147
+ /* 13px */
1148
+ /* 14px */
1149
+ /* 15px */
1150
+ /* 16px */
1151
+
1152
+
1153
+
1154
+
731
1155
  .e-image-editor {
732
1156
  background: var(--color-sf-content-bg-color-alt1);
733
1157
  }
@@ -758,10 +1182,10 @@
758
1182
  color: var(--color-sf-toolbar-icon-color);
759
1183
  }
760
1184
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
761
- background: var(--color-sf-secondary-bg-color-hover);
1185
+ background: var(--color-sf-secondary-bg-color-selected);
762
1186
  -webkit-box-shadow: none;
763
1187
  box-shadow: none;
764
- color: var(--color-sf-secondary-text-color-hover);
1188
+ color: var(--color-sf-secondary-text-color-selected);
765
1189
  }
766
1190
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus-visible {
767
1191
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1) !important;
@@ -796,7 +1220,6 @@
796
1220
  .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-btn:focus .e-icons {
797
1221
  color: var(--color-sf-icon-color-disabled) !important; /* stylelint-disable-line declaration-no-important */
798
1222
  }
799
-
800
1223
  .e-dropdown-popup .e-selected-btn {
801
1224
  background: var(--color-sf-content-bg-color-selected) !important; /* stylelint-disable-line declaration-no-important */
802
1225
  }
@@ -815,10 +1238,104 @@
815
1238
  background-color: var(--color-sf-secondary-bg-color-pressed) !important; /* stylelint-disable-line declaration-no-important */
816
1239
  }
817
1240
 
1241
+
1242
+
1243
+
1244
+
1245
+
1246
+
1247
+
1248
+
1249
+ /* Font Family */
1250
+ /* Font Sizes */
1251
+ /* Radius */
1252
+ /* 1px */
1253
+ /* 2px */
1254
+ /* 3px */
1255
+ /* 4px */
1256
+ /* 5px */
1257
+ /* 6px */
1258
+ /* 7px */
1259
+ /* 8px */
1260
+ /* 9px */
1261
+ /* 10px */
1262
+ /* 11px */
1263
+ /* 12px */
1264
+ /* 13px */
1265
+ /* 14px */
1266
+ /* 15px */
1267
+ /* 16px */
1268
+ /* 17px */
1269
+ /* 18px */
1270
+ /* 19px */
1271
+ /* 20px */
1272
+ /* 21px */
1273
+ /* 22px */
1274
+ /* 23px */
1275
+ /* 24px */
1276
+ /* 25px */
1277
+ /* 26px */
1278
+ /* 27px */
1279
+ /* 28px */
1280
+ /* 29px */
1281
+ /* 30px */
1282
+ /* 31px */
1283
+ /* 32px */
1284
+ /* 33px */
1285
+ /* 34px */
1286
+ /* 35px */
1287
+ /* 36px */
1288
+ /* 37px */
1289
+ /* 38px */
1290
+ /* 39px */
1291
+ /* 40px */
1292
+ /* 41px */
1293
+ /* 42px */
1294
+ /* 43px */
1295
+ /* 44px */
1296
+ /* 45px */
1297
+ /* 46px */
1298
+ /* 47px */
1299
+ /* 48px */
1300
+ /* 49px */
1301
+ /* 50px */
1302
+ /* 5em */
1303
+ /* 65% */
1304
+ /* border */
1305
+ /* 0px */
1306
+ /* 1px */
1307
+ /* 1.5px */
1308
+ /* 2px */
1309
+ /* 3px */
1310
+ /* 4px */
1311
+ /* 5px */
1312
+ /* 6px */
1313
+ /* 7px */
1314
+ /* 8px */
1315
+ /* 9px */
1316
+ /* 10px */
1317
+ /* 11px */
1318
+ /* 12px */
1319
+ /* 13px */
1320
+ /* 14px */
1321
+ /* 15px */
1322
+ /* 16px */
1323
+
1324
+
1325
+
1326
+
818
1327
  .e-bigger .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container .e-slider .e-handle,
819
1328
  .e-image-editor.e-bigger .e-contextual-toolbar-wrapper .e-slider-container .e-slider .e-handle {
820
1329
  top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
821
1330
  }
1331
+ .e-bigger .e-image-editor .e-contextual-toolbar-wrapper .e-ie-head-wrapper,
1332
+ .e-image-editor.e-bigger .e-contextual-toolbar-wrapper .e-ie-head-wrapper {
1333
+ -ms-flex-line-pack: center;
1334
+ align-content: center;
1335
+ text-align: center;
1336
+ height: auto;
1337
+ min-height: 58px;
1338
+ }
822
1339
  .e-bigger .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar,
823
1340
  .e-image-editor.e-bigger .e-contextual-toolbar-wrapper .e-toolbar {
824
1341
  height: 130px !important; /* stylelint-disable-line declaration-no-important */
@@ -833,10 +1350,14 @@
833
1350
  height: 56px !important; /* stylelint-disable-line declaration-no-important */
834
1351
  min-height: 56px !important; /* stylelint-disable-line declaration-no-important */
835
1352
  }
836
- .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-height span, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-width span,
1353
+ .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-height span, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-width span, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .filter-wrapper, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-stroke, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-frame-stroke, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-size,
837
1354
  .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-height span,
838
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-width span {
839
- font-size: 16px;
1355
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-width span,
1356
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .filter-wrapper,
1357
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-stroke,
1358
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-frame-stroke,
1359
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-size {
1360
+ font-size: 14px;
840
1361
  }
841
1362
  .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
842
1363
  .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
@@ -888,6 +1409,15 @@
888
1409
  .e-image-editor.e-bigger .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
889
1410
  line-height: 1;
890
1411
  }
1412
+ .e-bigger .e-image-editor .e-ie-finetune-slider-label, .e-bigger .e-image-editor .e-ie-finetune-value-span, .e-bigger .e-image-editor .e-ie-redact-value-span,
1413
+ .e-image-editor.e-bigger .e-ie-finetune-slider-label,
1414
+ .e-image-editor.e-bigger .e-ie-finetune-value-span,
1415
+ .e-image-editor.e-bigger .e-ie-redact-value-span {
1416
+ font-size: 16px;
1417
+ line-height: 24px;
1418
+ letter-spacing: normal;
1419
+ font-weight: normal;
1420
+ }
891
1421
  .e-bigger .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
892
1422
  .e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
893
1423
  padding: 8.2px 14px;