@syncfusion/ej2-image-editor 24.1.41 → 24.1.44

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 (54) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +1 -1
  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 +117 -54
  6. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-image-editor.es5.js +114 -51
  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 +29 -26
  14. package/src/image-editor/action/selection.js +8 -0
  15. package/src/image-editor/action/shape.js +2 -0
  16. package/src/image-editor/action/transform.js +9 -5
  17. package/src/image-editor/action/undo-redo.js +11 -1
  18. package/src/image-editor/base/image-editor.js +3 -1
  19. package/src/image-editor/renderer/toolbar.js +52 -18
  20. package/styles/bootstrap-dark.css +9 -2
  21. package/styles/bootstrap.css +9 -2
  22. package/styles/bootstrap4.css +9 -2
  23. package/styles/bootstrap5-dark.css +9 -2
  24. package/styles/bootstrap5.css +9 -2
  25. package/styles/fabric-dark.css +9 -2
  26. package/styles/fabric.css +9 -2
  27. package/styles/fluent-dark.css +9 -2
  28. package/styles/fluent.css +9 -2
  29. package/styles/highcontrast-light.css +9 -2
  30. package/styles/highcontrast.css +9 -2
  31. package/styles/image-editor/_layout.scss +9 -6
  32. package/styles/image-editor/bootstrap-dark.css +9 -2
  33. package/styles/image-editor/bootstrap.css +9 -2
  34. package/styles/image-editor/bootstrap4.css +9 -2
  35. package/styles/image-editor/bootstrap5-dark.css +9 -2
  36. package/styles/image-editor/bootstrap5.css +9 -2
  37. package/styles/image-editor/fabric-dark.css +9 -2
  38. package/styles/image-editor/fabric.css +9 -2
  39. package/styles/image-editor/fluent-dark.css +9 -2
  40. package/styles/image-editor/fluent.css +9 -2
  41. package/styles/image-editor/highcontrast-light.css +9 -2
  42. package/styles/image-editor/highcontrast.css +9 -2
  43. package/styles/image-editor/material-dark.css +9 -2
  44. package/styles/image-editor/material.css +9 -2
  45. package/styles/image-editor/material3-dark.css +7 -2
  46. package/styles/image-editor/material3.css +7 -2
  47. package/styles/image-editor/tailwind-dark.css +9 -2
  48. package/styles/image-editor/tailwind.css +9 -2
  49. package/styles/material-dark.css +9 -2
  50. package/styles/material.css +9 -2
  51. package/styles/material3-dark.css +7 -2
  52. package/styles/material3.css +7 -2
  53. package/styles/tailwind-dark.css +9 -2
  54. package/styles/tailwind.css +9 -2
@@ -512,14 +512,17 @@
512
512
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
513
513
  }
514
514
  .e-ie-straighten-value-span,
515
- .e-ie-straighten-span {
516
- font-size: 14px;
515
+ .e-ie-straighten-span,
516
+ .e-ie-toolbar-straighten {
517
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
517
518
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
518
519
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
519
520
  }
520
521
 
521
522
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
522
523
  height: auto;
524
+ margin-left: 8px;
525
+ padding-right: 2px;
523
526
  }
524
527
 
525
528
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -535,6 +538,10 @@
535
538
  top: calc(50% - 5px) !important; /* stylelint-disable-line declaration-no-important */
536
539
  }
537
540
 
541
+ .e-ie-finetune-value-span {
542
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
543
+ }
544
+
538
545
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
539
546
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
540
547
  }
@@ -512,14 +512,17 @@
512
512
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
513
513
  }
514
514
  .e-ie-straighten-value-span,
515
- .e-ie-straighten-span {
516
- font-size: 14px;
515
+ .e-ie-straighten-span,
516
+ .e-ie-toolbar-straighten {
517
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
517
518
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
518
519
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
519
520
  }
520
521
 
521
522
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
522
523
  height: auto;
524
+ margin-left: 8px;
525
+ padding-right: 2px;
523
526
  }
524
527
 
525
528
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -535,6 +538,10 @@
535
538
  top: calc(50% - 5px) !important; /* stylelint-disable-line declaration-no-important */
536
539
  }
537
540
 
541
+ .e-ie-finetune-value-span {
542
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
543
+ }
544
+
538
545
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
539
546
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
540
547
  }
@@ -496,14 +496,17 @@
496
496
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
497
497
  }
498
498
  .e-ie-straighten-value-span,
499
- .e-ie-straighten-span {
500
- font-size: 14px;
499
+ .e-ie-straighten-span,
500
+ .e-ie-toolbar-straighten {
501
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
501
502
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
502
503
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
503
504
  }
504
505
 
505
506
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
506
507
  height: auto;
508
+ margin-left: 8px;
509
+ padding-right: 2px;
507
510
  }
508
511
 
509
512
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -519,6 +522,10 @@
519
522
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
520
523
  }
521
524
 
525
+ .e-ie-finetune-value-span {
526
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
527
+ }
528
+
522
529
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
523
530
  top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
524
531
  }
package/styles/fabric.css CHANGED
@@ -496,14 +496,17 @@
496
496
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
497
497
  }
498
498
  .e-ie-straighten-value-span,
499
- .e-ie-straighten-span {
500
- font-size: 14px;
499
+ .e-ie-straighten-span,
500
+ .e-ie-toolbar-straighten {
501
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
501
502
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
502
503
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
503
504
  }
504
505
 
505
506
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
506
507
  height: auto;
508
+ margin-left: 8px;
509
+ padding-right: 2px;
507
510
  }
508
511
 
509
512
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -519,6 +522,10 @@
519
522
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
520
523
  }
521
524
 
525
+ .e-ie-finetune-value-span {
526
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
527
+ }
528
+
522
529
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
523
530
  top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
524
531
  }
@@ -507,14 +507,17 @@
507
507
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
508
508
  }
509
509
  .e-ie-straighten-value-span,
510
- .e-ie-straighten-span {
511
- font-size: 14px;
510
+ .e-ie-straighten-span,
511
+ .e-ie-toolbar-straighten {
512
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
512
513
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
513
514
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
514
515
  }
515
516
 
516
517
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
517
518
  height: auto;
519
+ margin-left: 8px;
520
+ padding-right: 2px;
518
521
  }
519
522
 
520
523
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -530,6 +533,10 @@
530
533
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
531
534
  }
532
535
 
536
+ .e-ie-finetune-value-span {
537
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
538
+ }
539
+
533
540
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
534
541
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
535
542
  }
package/styles/fluent.css CHANGED
@@ -507,14 +507,17 @@
507
507
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
508
508
  }
509
509
  .e-ie-straighten-value-span,
510
- .e-ie-straighten-span {
511
- font-size: 14px;
510
+ .e-ie-straighten-span,
511
+ .e-ie-toolbar-straighten {
512
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
512
513
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
513
514
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
514
515
  }
515
516
 
516
517
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
517
518
  height: auto;
519
+ margin-left: 8px;
520
+ padding-right: 2px;
518
521
  }
519
522
 
520
523
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -530,6 +533,10 @@
530
533
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
531
534
  }
532
535
 
536
+ .e-ie-finetune-value-span {
537
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
538
+ }
539
+
533
540
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
534
541
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
535
542
  }
@@ -494,14 +494,17 @@
494
494
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
495
495
  }
496
496
  .e-ie-straighten-value-span,
497
- .e-ie-straighten-span {
498
- font-size: 14px;
497
+ .e-ie-straighten-span,
498
+ .e-ie-toolbar-straighten {
499
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
499
500
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
500
501
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
501
502
  }
502
503
 
503
504
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
504
505
  height: auto;
506
+ margin-left: 8px;
507
+ padding-right: 2px;
505
508
  }
506
509
 
507
510
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -517,6 +520,10 @@
517
520
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
518
521
  }
519
522
 
523
+ .e-ie-finetune-value-span {
524
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
525
+ }
526
+
520
527
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
521
528
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
522
529
  }
@@ -498,14 +498,17 @@
498
498
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
499
499
  }
500
500
  .e-ie-straighten-value-span,
501
- .e-ie-straighten-span {
502
- font-size: 14px;
501
+ .e-ie-straighten-span,
502
+ .e-ie-toolbar-straighten {
503
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
503
504
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
504
505
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
505
506
  }
506
507
 
507
508
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
508
509
  height: auto;
510
+ margin-left: 8px;
511
+ padding-right: 2px;
509
512
  }
510
513
 
511
514
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -521,6 +524,10 @@
521
524
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
522
525
  }
523
526
 
527
+ .e-ie-finetune-value-span {
528
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
529
+ }
530
+
524
531
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
525
532
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
526
533
  }
@@ -472,18 +472,17 @@
472
472
  }
473
473
  }
474
474
  .e-ie-straighten-value-span,
475
- .e-ie-straighten-span {
476
- font-size: 14px;
475
+ .e-ie-straighten-span,
476
+ .e-ie-toolbar-straighten {
477
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
477
478
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
478
479
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
479
480
  }
480
481
 
481
482
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
482
483
  height: auto;
483
- @if $skin-name == 'Material3' {
484
- margin-left: 8px;
485
- padding-right: 2px;
486
- }
484
+ margin-left: 8px;
485
+ padding-right: 2px;
487
486
  }
488
487
 
489
488
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -503,6 +502,10 @@
503
502
  }
504
503
  }
505
504
 
505
+ .e-ie-finetune-value-span {
506
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
507
+ }
508
+
506
509
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
507
510
  @if $skin-name == 'Material3' {
508
511
  height: 22px !important; /* stylelint-disable-line declaration-no-important */
@@ -496,14 +496,17 @@
496
496
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
497
497
  }
498
498
  .e-ie-straighten-value-span,
499
- .e-ie-straighten-span {
500
- font-size: 14px;
499
+ .e-ie-straighten-span,
500
+ .e-ie-toolbar-straighten {
501
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
501
502
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
502
503
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
503
504
  }
504
505
 
505
506
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
506
507
  height: auto;
508
+ margin-left: 8px;
509
+ padding-right: 2px;
507
510
  }
508
511
 
509
512
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -519,6 +522,10 @@
519
522
  top: calc(50% - 5px) !important; /* stylelint-disable-line declaration-no-important */
520
523
  }
521
524
 
525
+ .e-ie-finetune-value-span {
526
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
527
+ }
528
+
522
529
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
523
530
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
524
531
  }
@@ -496,14 +496,17 @@
496
496
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
497
497
  }
498
498
  .e-ie-straighten-value-span,
499
- .e-ie-straighten-span {
500
- font-size: 14px;
499
+ .e-ie-straighten-span,
500
+ .e-ie-toolbar-straighten {
501
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
501
502
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
502
503
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
503
504
  }
504
505
 
505
506
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
506
507
  height: auto;
508
+ margin-left: 8px;
509
+ padding-right: 2px;
507
510
  }
508
511
 
509
512
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -519,6 +522,10 @@
519
522
  top: calc(50% - 5px) !important; /* stylelint-disable-line declaration-no-important */
520
523
  }
521
524
 
525
+ .e-ie-finetune-value-span {
526
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
527
+ }
528
+
522
529
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
523
530
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
524
531
  }
@@ -494,14 +494,17 @@
494
494
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
495
495
  }
496
496
  .e-ie-straighten-value-span,
497
- .e-ie-straighten-span {
498
- font-size: 14px;
497
+ .e-ie-straighten-span,
498
+ .e-ie-toolbar-straighten {
499
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
499
500
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
500
501
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
501
502
  }
502
503
 
503
504
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
504
505
  height: auto;
506
+ margin-left: 8px;
507
+ padding-right: 2px;
505
508
  }
506
509
 
507
510
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -517,6 +520,10 @@
517
520
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
518
521
  }
519
522
 
523
+ .e-ie-finetune-value-span {
524
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
525
+ }
526
+
520
527
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
521
528
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
522
529
  }
@@ -512,14 +512,17 @@
512
512
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
513
513
  }
514
514
  .e-ie-straighten-value-span,
515
- .e-ie-straighten-span {
516
- font-size: 14px;
515
+ .e-ie-straighten-span,
516
+ .e-ie-toolbar-straighten {
517
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
517
518
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
518
519
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
519
520
  }
520
521
 
521
522
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
522
523
  height: auto;
524
+ margin-left: 8px;
525
+ padding-right: 2px;
523
526
  }
524
527
 
525
528
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -535,6 +538,10 @@
535
538
  top: calc(50% - 5px) !important; /* stylelint-disable-line declaration-no-important */
536
539
  }
537
540
 
541
+ .e-ie-finetune-value-span {
542
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
543
+ }
544
+
538
545
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
539
546
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
540
547
  }
@@ -512,14 +512,17 @@
512
512
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
513
513
  }
514
514
  .e-ie-straighten-value-span,
515
- .e-ie-straighten-span {
516
- font-size: 14px;
515
+ .e-ie-straighten-span,
516
+ .e-ie-toolbar-straighten {
517
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
517
518
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
518
519
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
519
520
  }
520
521
 
521
522
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
522
523
  height: auto;
524
+ margin-left: 8px;
525
+ padding-right: 2px;
523
526
  }
524
527
 
525
528
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -535,6 +538,10 @@
535
538
  top: calc(50% - 5px) !important; /* stylelint-disable-line declaration-no-important */
536
539
  }
537
540
 
541
+ .e-ie-finetune-value-span {
542
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
543
+ }
544
+
538
545
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
539
546
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
540
547
  }
@@ -496,14 +496,17 @@
496
496
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
497
497
  }
498
498
  .e-ie-straighten-value-span,
499
- .e-ie-straighten-span {
500
- font-size: 14px;
499
+ .e-ie-straighten-span,
500
+ .e-ie-toolbar-straighten {
501
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
501
502
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
502
503
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
503
504
  }
504
505
 
505
506
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
506
507
  height: auto;
508
+ margin-left: 8px;
509
+ padding-right: 2px;
507
510
  }
508
511
 
509
512
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -519,6 +522,10 @@
519
522
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
520
523
  }
521
524
 
525
+ .e-ie-finetune-value-span {
526
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
527
+ }
528
+
522
529
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
523
530
  top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
524
531
  }
@@ -496,14 +496,17 @@
496
496
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
497
497
  }
498
498
  .e-ie-straighten-value-span,
499
- .e-ie-straighten-span {
500
- font-size: 14px;
499
+ .e-ie-straighten-span,
500
+ .e-ie-toolbar-straighten {
501
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
501
502
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
502
503
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
503
504
  }
504
505
 
505
506
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
506
507
  height: auto;
508
+ margin-left: 8px;
509
+ padding-right: 2px;
507
510
  }
508
511
 
509
512
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -519,6 +522,10 @@
519
522
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
520
523
  }
521
524
 
525
+ .e-ie-finetune-value-span {
526
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
527
+ }
528
+
522
529
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
523
530
  top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
524
531
  }
@@ -507,14 +507,17 @@
507
507
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
508
508
  }
509
509
  .e-ie-straighten-value-span,
510
- .e-ie-straighten-span {
511
- font-size: 14px;
510
+ .e-ie-straighten-span,
511
+ .e-ie-toolbar-straighten {
512
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
512
513
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
513
514
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
514
515
  }
515
516
 
516
517
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
517
518
  height: auto;
519
+ margin-left: 8px;
520
+ padding-right: 2px;
518
521
  }
519
522
 
520
523
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -530,6 +533,10 @@
530
533
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
531
534
  }
532
535
 
536
+ .e-ie-finetune-value-span {
537
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
538
+ }
539
+
533
540
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
534
541
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
535
542
  }
@@ -507,14 +507,17 @@
507
507
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
508
508
  }
509
509
  .e-ie-straighten-value-span,
510
- .e-ie-straighten-span {
511
- font-size: 14px;
510
+ .e-ie-straighten-span,
511
+ .e-ie-toolbar-straighten {
512
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
512
513
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
513
514
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
514
515
  }
515
516
 
516
517
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
517
518
  height: auto;
519
+ margin-left: 8px;
520
+ padding-right: 2px;
518
521
  }
519
522
 
520
523
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -530,6 +533,10 @@
530
533
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
531
534
  }
532
535
 
536
+ .e-ie-finetune-value-span {
537
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
538
+ }
539
+
533
540
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
534
541
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
535
542
  }
@@ -494,14 +494,17 @@
494
494
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
495
495
  }
496
496
  .e-ie-straighten-value-span,
497
- .e-ie-straighten-span {
498
- font-size: 14px;
497
+ .e-ie-straighten-span,
498
+ .e-ie-toolbar-straighten {
499
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
499
500
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
500
501
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
501
502
  }
502
503
 
503
504
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
504
505
  height: auto;
506
+ margin-left: 8px;
507
+ padding-right: 2px;
505
508
  }
506
509
 
507
510
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -517,6 +520,10 @@
517
520
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
518
521
  }
519
522
 
523
+ .e-ie-finetune-value-span {
524
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
525
+ }
526
+
520
527
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
521
528
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
522
529
  }
@@ -498,14 +498,17 @@
498
498
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
499
499
  }
500
500
  .e-ie-straighten-value-span,
501
- .e-ie-straighten-span {
502
- font-size: 14px;
501
+ .e-ie-straighten-span,
502
+ .e-ie-toolbar-straighten {
503
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
503
504
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
504
505
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
505
506
  }
506
507
 
507
508
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
508
509
  height: auto;
510
+ margin-left: 8px;
511
+ padding-right: 2px;
509
512
  }
510
513
 
511
514
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -521,6 +524,10 @@
521
524
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
522
525
  }
523
526
 
527
+ .e-ie-finetune-value-span {
528
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
529
+ }
530
+
524
531
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
525
532
  top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
526
533
  }
@@ -503,14 +503,17 @@
503
503
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
504
504
  }
505
505
  .e-ie-straighten-value-span,
506
- .e-ie-straighten-span {
507
- font-size: 14px;
506
+ .e-ie-straighten-span,
507
+ .e-ie-toolbar-straighten {
508
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
508
509
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
509
510
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
510
511
  }
511
512
 
512
513
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
513
514
  height: auto;
515
+ margin-left: 8px;
516
+ padding-right: 2px;
514
517
  }
515
518
 
516
519
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -526,6 +529,10 @@
526
529
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
527
530
  }
528
531
 
532
+ .e-ie-finetune-value-span {
533
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
534
+ }
535
+
529
536
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
530
537
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
531
538
  }