@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
@@ -1,5 +1,85 @@
1
1
 
2
2
 
3
+
4
+
5
+
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 */
3
83
  /* stylelint-disable-line no-empty-source */
4
84
  /* stylelint-disable */
5
85
  /* stylelint-disable property-no-vendor-prefix */
@@ -195,6 +275,88 @@
195
275
  content: "\e931";
196
276
  }
197
277
 
278
+
279
+
280
+
281
+
282
+
283
+
284
+
285
+
286
+ /* Font Family */
287
+ /* Font Sizes */
288
+ /* Radius */
289
+ /* 1px */
290
+ /* 2px */
291
+ /* 3px */
292
+ /* 4px */
293
+ /* 5px */
294
+ /* 6px */
295
+ /* 7px */
296
+ /* 8px */
297
+ /* 9px */
298
+ /* 10px */
299
+ /* 11px */
300
+ /* 12px */
301
+ /* 13px */
302
+ /* 14px */
303
+ /* 15px */
304
+ /* 16px */
305
+ /* 17px */
306
+ /* 18px */
307
+ /* 19px */
308
+ /* 20px */
309
+ /* 21px */
310
+ /* 22px */
311
+ /* 23px */
312
+ /* 24px */
313
+ /* 25px */
314
+ /* 26px */
315
+ /* 27px */
316
+ /* 28px */
317
+ /* 29px */
318
+ /* 30px */
319
+ /* 31px */
320
+ /* 32px */
321
+ /* 33px */
322
+ /* 34px */
323
+ /* 35px */
324
+ /* 36px */
325
+ /* 37px */
326
+ /* 38px */
327
+ /* 39px */
328
+ /* 40px */
329
+ /* 41px */
330
+ /* 42px */
331
+ /* 43px */
332
+ /* 44px */
333
+ /* 45px */
334
+ /* 46px */
335
+ /* 47px */
336
+ /* 48px */
337
+ /* 49px */
338
+ /* 50px */
339
+ /* 5em */
340
+ /* 65% */
341
+ /* border */
342
+ /* 0px */
343
+ /* 1px */
344
+ /* 1.5px */
345
+ /* 2px */
346
+ /* 3px */
347
+ /* 4px */
348
+ /* 5px */
349
+ /* 6px */
350
+ /* 7px */
351
+ /* 8px */
352
+ /* 9px */
353
+ /* 10px */
354
+ /* 11px */
355
+ /* 12px */
356
+ /* 13px */
357
+ /* 14px */
358
+ /* 15px */
359
+ /* 16px */
198
360
  .e-ie-toolbar-upload-div.e-hide,
199
361
  .e-ie-toolbar-upload-btn.e-hide,
200
362
  .e-ie-img-quality-slider,
@@ -205,16 +367,6 @@
205
367
  .e-device.e-image-editor .e-img-font-style.e-template {
206
368
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
207
369
  }
208
- .e-device.e-image-editor .e-slider-container {
209
- margin-left: calc(50% - 70px) !important; /* stylelint-disable-line declaration-no-important */
210
- height: 54px !important; /* stylelint-disable-line declaration-no-important */
211
- }
212
- .e-device.e-image-editor .e-straighten-slider {
213
- margin-left: calc(50% - 70px) !important; /* stylelint-disable-line declaration-no-important */
214
- }
215
- .e-device.e-image-editor .e-ie-straighten-value-span {
216
- margin-left: 15px !important; /* stylelint-disable-line declaration-no-important */
217
- }
218
370
  .e-device.e-image-editor .e-hscroll .e-scroll-nav.e-scroll-right-nav, .e-device.e-image-editor .e-scroll-right-overlay {
219
371
  display: none !important; /* stylelint-disable-line declaration-no-important */
220
372
  }
@@ -262,8 +414,8 @@
262
414
  height: calc(100% - 18px);
263
415
  width: calc(100% - 20px);
264
416
  border: 2px dashed rgba(var(--color-sf-on-surface-variant));
265
- border-radius: 10px;
266
417
  margin: 10px;
418
+ border-radius: 10px;
267
419
  }
268
420
  .e-image-editor .e-ie-drop-area .e-upload {
269
421
  display: none;
@@ -274,24 +426,30 @@
274
426
  .e-image-editor .e-ie-drop-area .e-ie-drop-icon {
275
427
  top: calc(50% - 60px);
276
428
  left: calc(50% - 25px);
429
+ position: absolute;
277
430
  }
278
431
  .e-image-editor .e-ie-drop-area .e-ie-drop-content {
279
432
  top: 50%;
280
433
  left: calc(50% - 160px);
281
434
  font-size: 14px;
435
+ position: absolute;
436
+ }
437
+ .e-image-editor .e-ie-drop-area .e-ie-drop-browse {
438
+ text-decoration: none;
282
439
  }
283
440
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
284
441
  top: calc(50% + 40px);
285
442
  left: 50%;
443
+ font-size: 14px;
444
+ position: absolute;
286
445
  -webkit-transform: translate(-50%, -50%);
287
446
  transform: translate(-50%, -50%);
288
- position: absolute;
289
- font-size: 14px;
290
447
  }
291
448
  .e-image-editor .e-ie-drop-area .e-ie-min-drop-content {
292
449
  left: calc(50% - 120px);
293
450
  top: 50%;
294
451
  font-size: 14px;
452
+ position: absolute;
295
453
  }
296
454
  .e-image-editor .e-toolbar {
297
455
  border: none;
@@ -300,9 +458,14 @@
300
458
  .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-height {
301
459
  margin-left: 20px;
302
460
  min-width: 28px !important; /* stylelint-disable-line declaration-no-important */
461
+ font-size: 12px;
303
462
  }
304
463
  .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-width {
305
464
  min-width: 28px !important; /* stylelint-disable-line declaration-no-important */
465
+ font-size: 12px;
466
+ }
467
+ .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 {
468
+ font-size: 12px;
306
469
  }
307
470
  .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
308
471
  font-size: 16px;
@@ -363,6 +526,13 @@
363
526
  width: 100%;
364
527
  z-index: 1;
365
528
  }
529
+ .e-image-editor .e-contextual-toolbar-wrapper .e-ie-head-wrapper {
530
+ -ms-flex-line-pack: center;
531
+ align-content: center;
532
+ text-align: center;
533
+ height: auto;
534
+ min-height: 58px;
535
+ }
366
536
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar {
367
537
  border-bottom: none !important; /* stylelint-disable-line declaration-no-important */
368
538
  height: 140px !important; /* stylelint-disable-line declaration-no-important */
@@ -410,6 +580,7 @@
410
580
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper {
411
581
  -webkit-box-sizing: content-box;
412
582
  box-sizing: content-box;
583
+ font-size: 12px;
413
584
  }
414
585
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper div {
415
586
  text-align: center;
@@ -419,8 +590,8 @@
419
590
  height: 100px;
420
591
  }
421
592
  .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
422
- margin-left: calc(50% - 137px);
423
- height: 54px !important; /* stylelint-disable-line declaration-no-important */
593
+ margin: 0 16px 1px 16px;
594
+ height: auto;
424
595
  }
425
596
  .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container .e-slider .e-handle {
426
597
  height: 16px !important; /* stylelint-disable-line declaration-no-important */
@@ -435,6 +606,15 @@
435
606
  .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
436
607
  padding: 8px 13px;
437
608
  }
609
+ .e-image-editor .e-ie-finetune-slider-wrap {
610
+ height: auto !important; /* stylelint-disable-line declaration-no-important */
611
+ }
612
+ .e-image-editor .e-ie-finetune-slider-label, .e-image-editor .e-ie-finetune-value-span, .e-image-editor .e-ie-redact-value-span {
613
+ font-size: 14px;
614
+ line-height: 20px;
615
+ letter-spacing: normal;
616
+ font-weight: 400;
617
+ }
438
618
 
439
619
  .e-ie-img-save-dlg .e-btn {
440
620
  background: transparent;
@@ -454,10 +634,18 @@
454
634
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
455
635
  }
456
636
 
637
+ .e-device.e-image-editor .e-ie-straighten-value-span,
638
+ .e-device.e-image-editor .e-ie-straighten-span,
639
+ .e-device.e-image-editor .e-ie-toolbar-straighten {
640
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
641
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
642
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
643
+ }
644
+
457
645
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
458
646
  height: auto;
459
- margin-left: 8px;
460
647
  padding-right: 2px;
648
+ margin-left: 8px;
461
649
  }
462
650
 
463
651
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -475,14 +663,6 @@
475
663
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
476
664
  }
477
665
 
478
- .e-ie-finetune-value-span {
479
- top: 33% !important; /* stylelint-disable-line declaration-no-important */
480
- }
481
-
482
- .e-ie-finetune-slider-label {
483
- top: 33% !important; /* stylelint-disable-line declaration-no-important */
484
- }
485
-
486
666
  .e-ie-finetune-slider-wrap {
487
667
  top: calc(50% - 11px) !important; /* stylelint-disable-line declaration-no-important */
488
668
  }
@@ -496,7 +676,8 @@
496
676
  }
497
677
 
498
678
  .e-ie-slider-wrap {
499
- top: calc(50% - 10px) !important; /* stylelint-disable-line declaration-no-important */
679
+ height: auto !important; /* stylelint-disable-line declaration-no-important */
680
+ top: auto !important; /* stylelint-disable-line declaration-no-important */
500
681
  }
501
682
 
502
683
  .e-dropdown-popup.e-ie-crop-ddb-popup ul {
@@ -508,10 +689,6 @@
508
689
  background: none !important; /* stylelint-disable-line declaration-no-important */
509
690
  }
510
691
 
511
- .e-device.e-image-editor .e-ie-device-transparency-slider {
512
- margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
513
- }
514
-
515
692
  .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal,
516
693
  .e-ie-quality-option-container .e-slider-container.e-horizontal {
517
694
  height: 28px;
@@ -570,6 +747,7 @@
570
747
  -webkit-box-pack: start;
571
748
  -ms-flex-pack: start;
572
749
  justify-content: flex-start;
750
+ text-align: center;
573
751
  }
574
752
 
575
753
  .e-ie-dlg-right-content {
@@ -578,13 +756,14 @@
578
756
 
579
757
  .e-ie-img-save-name {
580
758
  display: inline-block;
581
- margin-right: 10px;
582
759
  width: calc(69% - 13px);
760
+ margin-right: 10px;
583
761
  }
584
762
 
585
763
  .e-ie-img-save-dlg {
586
764
  display: inline-block;
587
- width: 92px;
765
+ width: auto;
766
+ min-width: 92px;
588
767
  }
589
768
 
590
769
  .e-ie-img-save-dlg .e-btn {
@@ -592,8 +771,8 @@
592
771
  }
593
772
 
594
773
  .e-ie-img-label-name {
595
- margin-bottom: 5px;
596
774
  display: block;
775
+ margin-bottom: 5px;
597
776
  }
598
777
 
599
778
  .e-ie-img-quality-name {
@@ -644,11 +823,11 @@
644
823
  }
645
824
 
646
825
  .e-ie-img-icon-button {
647
- margin-left: 10px;
648
826
  width: -webkit-max-content;
649
827
  width: -moz-max-content;
650
828
  width: max-content;
651
829
  margin-bottom: 3px;
830
+ margin-left: 10px;
652
831
  }
653
832
 
654
833
  .e-ie-quality-option-container .e-btn-group .e-btn {
@@ -684,10 +863,6 @@
684
863
  .e-blr-ie-save-dialog.e-device .e-ie-quality-option-container .e-ie-img-icon-button {
685
864
  margin-left: 0;
686
865
  }
687
- .e-blr-ie-save-dialog.e-device .e-slider-container {
688
- margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
689
- height: 28px !important; /* stylelint-disable-line declaration-no-important */
690
- }
691
866
  .e-blr-ie-save-dialog.e-device .e-ie-img-size-value-span {
692
867
  margin-left: calc(73% - 100px) !important; /* stylelint-disable-line declaration-no-important */
693
868
  }
@@ -699,14 +874,6 @@
699
874
  margin-left: 30px !important; /* stylelint-disable-line declaration-no-important */
700
875
  }
701
876
 
702
- .e-ie-straighten-value-span {
703
- margin-left: 7px !important; /* stylelint-disable-line declaration-no-important */
704
- }
705
-
706
- .e-device.e-image-editor .e-ie-straighten-value-span {
707
- margin-left: 15px !important; /* stylelint-disable-line declaration-no-important */
708
- }
709
-
710
877
  @media only screen and (max-width: 390px) {
711
878
  .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 {
712
879
  padding-left: 12px;
@@ -716,17 +883,13 @@
716
883
  width: calc(65% - 30px) !important; /* stylelint-disable-line declaration-no-important */
717
884
  }
718
885
  }
719
- .e-device.e-image-editor .e-contextual-toolbar-wrapper .e-ie-finetune-slider-label {
720
- left: calc(50% - 145px) !important; /* stylelint-disable-line declaration-no-important */
721
- }
722
-
723
- .e-device.e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
724
- width: 170px !important; /* stylelint-disable-line declaration-no-important */
725
- margin-left: calc(50% - 62px) !important; /* stylelint-disable-line declaration-no-important */
726
- }
727
-
728
- .e-device.e-image-editor .e-contextual-toolbar-wrapper .e-ie-finetune-value-span {
729
- margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
886
+ .e-device.e-image-editor .e-contextual-toolbar-wrapper .e-ie-finetune-slider-label,
887
+ .e-device.e-image-editor .e-contextual-toolbar-wrapper .e-ie-finetune-value-span,
888
+ .e-device.e-image-editor .e-contextual-toolbar-wrapper .e-ie-redact-value-span {
889
+ font-size: 16px;
890
+ line-height: 24px;
891
+ letter-spacing: normal;
892
+ font-weight: normal;
730
893
  }
731
894
 
732
895
  .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
@@ -746,6 +909,253 @@
746
909
  top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
747
910
  }
748
911
 
912
+
913
+
914
+
915
+
916
+
917
+
918
+
919
+
920
+ /* Font Family */
921
+ /* Font Sizes */
922
+ /* Radius */
923
+ /* 1px */
924
+ /* 2px */
925
+ /* 3px */
926
+ /* 4px */
927
+ /* 5px */
928
+ /* 6px */
929
+ /* 7px */
930
+ /* 8px */
931
+ /* 9px */
932
+ /* 10px */
933
+ /* 11px */
934
+ /* 12px */
935
+ /* 13px */
936
+ /* 14px */
937
+ /* 15px */
938
+ /* 16px */
939
+ /* 17px */
940
+ /* 18px */
941
+ /* 19px */
942
+ /* 20px */
943
+ /* 21px */
944
+ /* 22px */
945
+ /* 23px */
946
+ /* 24px */
947
+ /* 25px */
948
+ /* 26px */
949
+ /* 27px */
950
+ /* 28px */
951
+ /* 29px */
952
+ /* 30px */
953
+ /* 31px */
954
+ /* 32px */
955
+ /* 33px */
956
+ /* 34px */
957
+ /* 35px */
958
+ /* 36px */
959
+ /* 37px */
960
+ /* 38px */
961
+ /* 39px */
962
+ /* 40px */
963
+ /* 41px */
964
+ /* 42px */
965
+ /* 43px */
966
+ /* 44px */
967
+ /* 45px */
968
+ /* 46px */
969
+ /* 47px */
970
+ /* 48px */
971
+ /* 49px */
972
+ /* 50px */
973
+ /* 5em */
974
+ /* 65% */
975
+ /* border */
976
+ /* 0px */
977
+ /* 1px */
978
+ /* 1.5px */
979
+ /* 2px */
980
+ /* 3px */
981
+ /* 4px */
982
+ /* 5px */
983
+ /* 6px */
984
+ /* 7px */
985
+ /* 8px */
986
+ /* 9px */
987
+ /* 10px */
988
+ /* 11px */
989
+ /* 12px */
990
+ /* 13px */
991
+ /* 14px */
992
+ /* 15px */
993
+ /* 16px */
994
+
995
+
996
+
997
+
998
+
999
+
1000
+
1001
+
1002
+ /* Font Family */
1003
+ /* Font Sizes */
1004
+ /* Radius */
1005
+ /* 1px */
1006
+ /* 2px */
1007
+ /* 3px */
1008
+ /* 4px */
1009
+ /* 5px */
1010
+ /* 6px */
1011
+ /* 7px */
1012
+ /* 8px */
1013
+ /* 9px */
1014
+ /* 10px */
1015
+ /* 11px */
1016
+ /* 12px */
1017
+ /* 13px */
1018
+ /* 14px */
1019
+ /* 15px */
1020
+ /* 16px */
1021
+ /* 17px */
1022
+ /* 18px */
1023
+ /* 19px */
1024
+ /* 20px */
1025
+ /* 21px */
1026
+ /* 22px */
1027
+ /* 23px */
1028
+ /* 24px */
1029
+ /* 25px */
1030
+ /* 26px */
1031
+ /* 27px */
1032
+ /* 28px */
1033
+ /* 29px */
1034
+ /* 30px */
1035
+ /* 31px */
1036
+ /* 32px */
1037
+ /* 33px */
1038
+ /* 34px */
1039
+ /* 35px */
1040
+ /* 36px */
1041
+ /* 37px */
1042
+ /* 38px */
1043
+ /* 39px */
1044
+ /* 40px */
1045
+ /* 41px */
1046
+ /* 42px */
1047
+ /* 43px */
1048
+ /* 44px */
1049
+ /* 45px */
1050
+ /* 46px */
1051
+ /* 47px */
1052
+ /* 48px */
1053
+ /* 49px */
1054
+ /* 50px */
1055
+ /* 5em */
1056
+ /* 65% */
1057
+ /* border */
1058
+ /* 0px */
1059
+ /* 1px */
1060
+ /* 1.5px */
1061
+ /* 2px */
1062
+ /* 3px */
1063
+ /* 4px */
1064
+ /* 5px */
1065
+ /* 6px */
1066
+ /* 7px */
1067
+ /* 8px */
1068
+ /* 9px */
1069
+ /* 10px */
1070
+ /* 11px */
1071
+ /* 12px */
1072
+ /* 13px */
1073
+ /* 14px */
1074
+ /* 15px */
1075
+ /* 16px */
1076
+ /* stylelint-disable */
1077
+
1078
+
1079
+
1080
+
1081
+
1082
+
1083
+
1084
+
1085
+ /* Font Family */
1086
+ /* Font Sizes */
1087
+ /* Radius */
1088
+ /* 1px */
1089
+ /* 2px */
1090
+ /* 3px */
1091
+ /* 4px */
1092
+ /* 5px */
1093
+ /* 6px */
1094
+ /* 7px */
1095
+ /* 8px */
1096
+ /* 9px */
1097
+ /* 10px */
1098
+ /* 11px */
1099
+ /* 12px */
1100
+ /* 13px */
1101
+ /* 14px */
1102
+ /* 15px */
1103
+ /* 16px */
1104
+ /* 17px */
1105
+ /* 18px */
1106
+ /* 19px */
1107
+ /* 20px */
1108
+ /* 21px */
1109
+ /* 22px */
1110
+ /* 23px */
1111
+ /* 24px */
1112
+ /* 25px */
1113
+ /* 26px */
1114
+ /* 27px */
1115
+ /* 28px */
1116
+ /* 29px */
1117
+ /* 30px */
1118
+ /* 31px */
1119
+ /* 32px */
1120
+ /* 33px */
1121
+ /* 34px */
1122
+ /* 35px */
1123
+ /* 36px */
1124
+ /* 37px */
1125
+ /* 38px */
1126
+ /* 39px */
1127
+ /* 40px */
1128
+ /* 41px */
1129
+ /* 42px */
1130
+ /* 43px */
1131
+ /* 44px */
1132
+ /* 45px */
1133
+ /* 46px */
1134
+ /* 47px */
1135
+ /* 48px */
1136
+ /* 49px */
1137
+ /* 50px */
1138
+ /* 5em */
1139
+ /* 65% */
1140
+ /* border */
1141
+ /* 0px */
1142
+ /* 1px */
1143
+ /* 1.5px */
1144
+ /* 2px */
1145
+ /* 3px */
1146
+ /* 4px */
1147
+ /* 5px */
1148
+ /* 6px */
1149
+ /* 7px */
1150
+ /* 8px */
1151
+ /* 9px */
1152
+ /* 10px */
1153
+ /* 11px */
1154
+ /* 12px */
1155
+ /* 13px */
1156
+ /* 14px */
1157
+ /* 15px */
1158
+ /* 16px */
749
1159
  .e-image-editor {
750
1160
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14))), rgba(var(--color-sf-surface));
751
1161
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
@@ -818,7 +1228,6 @@
818
1228
  -webkit-box-shadow: none !important;
819
1229
  box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
820
1230
  }
821
-
822
1231
  .e-dropdown-popup .e-selected-btn {
823
1232
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.16)), to(rgba(var(--color-sf-primary), 0.16))), rgba(var(--color-sf-surface)) !important;
824
1233
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
@@ -830,10 +1239,100 @@
830
1239
  border-color: var(--color-sf-on-surface-variant) !important; /* stylelint-disable-line declaration-no-important */
831
1240
  }
832
1241
 
1242
+
1243
+
1244
+
1245
+
1246
+
1247
+
1248
+
1249
+
1250
+ /* Font Family */
1251
+ /* Font Sizes */
1252
+ /* Radius */
1253
+ /* 1px */
1254
+ /* 2px */
1255
+ /* 3px */
1256
+ /* 4px */
1257
+ /* 5px */
1258
+ /* 6px */
1259
+ /* 7px */
1260
+ /* 8px */
1261
+ /* 9px */
1262
+ /* 10px */
1263
+ /* 11px */
1264
+ /* 12px */
1265
+ /* 13px */
1266
+ /* 14px */
1267
+ /* 15px */
1268
+ /* 16px */
1269
+ /* 17px */
1270
+ /* 18px */
1271
+ /* 19px */
1272
+ /* 20px */
1273
+ /* 21px */
1274
+ /* 22px */
1275
+ /* 23px */
1276
+ /* 24px */
1277
+ /* 25px */
1278
+ /* 26px */
1279
+ /* 27px */
1280
+ /* 28px */
1281
+ /* 29px */
1282
+ /* 30px */
1283
+ /* 31px */
1284
+ /* 32px */
1285
+ /* 33px */
1286
+ /* 34px */
1287
+ /* 35px */
1288
+ /* 36px */
1289
+ /* 37px */
1290
+ /* 38px */
1291
+ /* 39px */
1292
+ /* 40px */
1293
+ /* 41px */
1294
+ /* 42px */
1295
+ /* 43px */
1296
+ /* 44px */
1297
+ /* 45px */
1298
+ /* 46px */
1299
+ /* 47px */
1300
+ /* 48px */
1301
+ /* 49px */
1302
+ /* 50px */
1303
+ /* 5em */
1304
+ /* 65% */
1305
+ /* border */
1306
+ /* 0px */
1307
+ /* 1px */
1308
+ /* 1.5px */
1309
+ /* 2px */
1310
+ /* 3px */
1311
+ /* 4px */
1312
+ /* 5px */
1313
+ /* 6px */
1314
+ /* 7px */
1315
+ /* 8px */
1316
+ /* 9px */
1317
+ /* 10px */
1318
+ /* 11px */
1319
+ /* 12px */
1320
+ /* 13px */
1321
+ /* 14px */
1322
+ /* 15px */
1323
+ /* 16px */
833
1324
  .e-bigger .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container .e-slider .e-handle,
834
1325
  .e-image-editor.e-bigger .e-contextual-toolbar-wrapper .e-slider-container .e-slider .e-handle {
835
1326
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
836
1327
  }
1328
+ .e-bigger .e-image-editor .e-contextual-toolbar-wrapper .e-ie-head-wrapper,
1329
+ .e-image-editor.e-bigger .e-contextual-toolbar-wrapper .e-ie-head-wrapper {
1330
+ -ms-flex-line-pack: center;
1331
+ align-content: center;
1332
+ text-align: center;
1333
+ height: auto;
1334
+ min-height: 58px;
1335
+ }
837
1336
  .e-bigger .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar,
838
1337
  .e-image-editor.e-bigger .e-contextual-toolbar-wrapper .e-toolbar {
839
1338
  height: 140px !important; /* stylelint-disable-line declaration-no-important */
@@ -848,10 +1347,14 @@
848
1347
  height: 56px !important; /* stylelint-disable-line declaration-no-important */
849
1348
  min-height: 56px !important; /* stylelint-disable-line declaration-no-important */
850
1349
  }
851
- .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,
1350
+ .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,
852
1351
  .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-height span,
853
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-width span {
854
- font-size: 16px;
1352
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-width span,
1353
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .filter-wrapper,
1354
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-stroke,
1355
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-frame-stroke,
1356
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-size {
1357
+ font-size: 14px;
855
1358
  }
856
1359
  .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,
857
1360
  .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 {
@@ -911,6 +1414,15 @@
911
1414
  .e-image-editor.e-bigger .e-ie-save-dialog .e-ie-img-save-dlg .e-btn {
912
1415
  margin-top: 5px !important; /* stylelint-disable-line declaration-no-important */
913
1416
  }
1417
+ .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,
1418
+ .e-image-editor.e-bigger .e-ie-finetune-slider-label,
1419
+ .e-image-editor.e-bigger .e-ie-finetune-value-span,
1420
+ .e-image-editor.e-bigger .e-ie-redact-value-span {
1421
+ font-size: 16px;
1422
+ line-height: 24px;
1423
+ letter-spacing: normal;
1424
+ font-weight: normal;
1425
+ }
914
1426
  .e-bigger .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-bigger .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
915
1427
  .e-image-editor.e-bigger .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
916
1428
  .e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {