@syncfusion/ej2-image-editor 24.1.43 → 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 (52) hide show
  1. package/CHANGELOG.md +8 -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 +45 -21
  6. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-image-editor.es5.js +45 -21
  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 +7 -7
  13. package/src/image-editor/action/draw.js +19 -16
  14. package/src/image-editor/action/selection.js +8 -0
  15. package/src/image-editor/action/transform.js +4 -4
  16. package/src/image-editor/action/undo-redo.js +11 -1
  17. package/src/image-editor/renderer/toolbar.js +3 -0
  18. package/styles/bootstrap-dark.css +9 -2
  19. package/styles/bootstrap.css +9 -2
  20. package/styles/bootstrap4.css +9 -2
  21. package/styles/bootstrap5-dark.css +9 -2
  22. package/styles/bootstrap5.css +9 -2
  23. package/styles/fabric-dark.css +9 -2
  24. package/styles/fabric.css +9 -2
  25. package/styles/fluent-dark.css +9 -2
  26. package/styles/fluent.css +9 -2
  27. package/styles/highcontrast-light.css +9 -2
  28. package/styles/highcontrast.css +9 -2
  29. package/styles/image-editor/_layout.scss +9 -6
  30. package/styles/image-editor/bootstrap-dark.css +9 -2
  31. package/styles/image-editor/bootstrap.css +9 -2
  32. package/styles/image-editor/bootstrap4.css +9 -2
  33. package/styles/image-editor/bootstrap5-dark.css +9 -2
  34. package/styles/image-editor/bootstrap5.css +9 -2
  35. package/styles/image-editor/fabric-dark.css +9 -2
  36. package/styles/image-editor/fabric.css +9 -2
  37. package/styles/image-editor/fluent-dark.css +9 -2
  38. package/styles/image-editor/fluent.css +9 -2
  39. package/styles/image-editor/highcontrast-light.css +9 -2
  40. package/styles/image-editor/highcontrast.css +9 -2
  41. package/styles/image-editor/material-dark.css +9 -2
  42. package/styles/image-editor/material.css +9 -2
  43. package/styles/image-editor/material3-dark.css +7 -2
  44. package/styles/image-editor/material3.css +7 -2
  45. package/styles/image-editor/tailwind-dark.css +9 -2
  46. package/styles/image-editor/tailwind.css +9 -2
  47. package/styles/material-dark.css +9 -2
  48. package/styles/material.css +9 -2
  49. package/styles/material3-dark.css +7 -2
  50. package/styles/material3.css +7 -2
  51. package/styles/tailwind-dark.css +9 -2
  52. package/styles/tailwind.css +9 -2
@@ -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
  }
@@ -508,14 +508,17 @@
508
508
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
509
509
  }
510
510
  .e-ie-straighten-value-span,
511
- .e-ie-straighten-span {
512
- font-size: 14px;
511
+ .e-ie-straighten-span,
512
+ .e-ie-toolbar-straighten {
513
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
513
514
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
514
515
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
515
516
  }
516
517
 
517
518
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
518
519
  height: auto;
520
+ margin-left: 8px;
521
+ padding-right: 2px;
519
522
  }
520
523
 
521
524
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -531,6 +534,10 @@
531
534
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
532
535
  }
533
536
 
537
+ .e-ie-finetune-value-span {
538
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
539
+ }
540
+
534
541
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
535
542
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
536
543
  }
@@ -567,8 +567,9 @@
567
567
  }
568
568
 
569
569
  .e-ie-straighten-value-span,
570
- .e-ie-straighten-span {
571
- font-size: 14px;
570
+ .e-ie-straighten-span,
571
+ .e-ie-toolbar-straighten {
572
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
572
573
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
573
574
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
574
575
  }
@@ -594,6 +595,10 @@
594
595
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
595
596
  }
596
597
 
598
+ .e-ie-finetune-value-span {
599
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
600
+ }
601
+
597
602
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
598
603
  height: 22px !important; /* stylelint-disable-line declaration-no-important */
599
604
  width: 22px !important; /* stylelint-disable-line declaration-no-important */
@@ -623,8 +623,9 @@
623
623
  }
624
624
 
625
625
  .e-ie-straighten-value-span,
626
- .e-ie-straighten-span {
627
- font-size: 14px;
626
+ .e-ie-straighten-span,
627
+ .e-ie-toolbar-straighten {
628
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
628
629
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
629
630
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
630
631
  }
@@ -650,6 +651,10 @@
650
651
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
651
652
  }
652
653
 
654
+ .e-ie-finetune-value-span {
655
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
656
+ }
657
+
653
658
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
654
659
  height: 22px !important; /* stylelint-disable-line declaration-no-important */
655
660
  width: 22px !important; /* stylelint-disable-line declaration-no-important */
@@ -500,14 +500,17 @@
500
500
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
501
501
  }
502
502
  .e-ie-straighten-value-span,
503
- .e-ie-straighten-span {
504
- font-size: 14px;
503
+ .e-ie-straighten-span,
504
+ .e-ie-toolbar-straighten {
505
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
505
506
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
506
507
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
507
508
  }
508
509
 
509
510
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
510
511
  height: auto;
512
+ margin-left: 8px;
513
+ padding-right: 2px;
511
514
  }
512
515
 
513
516
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -523,6 +526,10 @@
523
526
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
524
527
  }
525
528
 
529
+ .e-ie-finetune-value-span {
530
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
531
+ }
532
+
526
533
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
527
534
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
528
535
  }
@@ -500,14 +500,17 @@
500
500
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
501
501
  }
502
502
  .e-ie-straighten-value-span,
503
- .e-ie-straighten-span {
504
- font-size: 14px;
503
+ .e-ie-straighten-span,
504
+ .e-ie-toolbar-straighten {
505
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
505
506
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
506
507
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
507
508
  }
508
509
 
509
510
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
510
511
  height: auto;
512
+ margin-left: 8px;
513
+ padding-right: 2px;
511
514
  }
512
515
 
513
516
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -523,6 +526,10 @@
523
526
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
524
527
  }
525
528
 
529
+ .e-ie-finetune-value-span {
530
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
531
+ }
532
+
526
533
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
527
534
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
528
535
  }
@@ -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
  }
@@ -508,14 +508,17 @@
508
508
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
509
509
  }
510
510
  .e-ie-straighten-value-span,
511
- .e-ie-straighten-span {
512
- font-size: 14px;
511
+ .e-ie-straighten-span,
512
+ .e-ie-toolbar-straighten {
513
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
513
514
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
514
515
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
515
516
  }
516
517
 
517
518
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
518
519
  height: auto;
520
+ margin-left: 8px;
521
+ padding-right: 2px;
519
522
  }
520
523
 
521
524
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -531,6 +534,10 @@
531
534
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
532
535
  }
533
536
 
537
+ .e-ie-finetune-value-span {
538
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
539
+ }
540
+
534
541
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
535
542
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
536
543
  }
@@ -567,8 +567,9 @@
567
567
  }
568
568
 
569
569
  .e-ie-straighten-value-span,
570
- .e-ie-straighten-span {
571
- font-size: 14px;
570
+ .e-ie-straighten-span,
571
+ .e-ie-toolbar-straighten {
572
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
572
573
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
573
574
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
574
575
  }
@@ -594,6 +595,10 @@
594
595
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
595
596
  }
596
597
 
598
+ .e-ie-finetune-value-span {
599
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
600
+ }
601
+
597
602
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
598
603
  height: 22px !important; /* stylelint-disable-line declaration-no-important */
599
604
  width: 22px !important; /* stylelint-disable-line declaration-no-important */
@@ -623,8 +623,9 @@
623
623
  }
624
624
 
625
625
  .e-ie-straighten-value-span,
626
- .e-ie-straighten-span {
627
- font-size: 14px;
626
+ .e-ie-straighten-span,
627
+ .e-ie-toolbar-straighten {
628
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
628
629
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
629
630
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
630
631
  }
@@ -650,6 +651,10 @@
650
651
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
651
652
  }
652
653
 
654
+ .e-ie-finetune-value-span {
655
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
656
+ }
657
+
653
658
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
654
659
  height: 22px !important; /* stylelint-disable-line declaration-no-important */
655
660
  width: 22px !important; /* stylelint-disable-line declaration-no-important */
@@ -500,14 +500,17 @@
500
500
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
501
501
  }
502
502
  .e-ie-straighten-value-span,
503
- .e-ie-straighten-span {
504
- font-size: 14px;
503
+ .e-ie-straighten-span,
504
+ .e-ie-toolbar-straighten {
505
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
505
506
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
506
507
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
507
508
  }
508
509
 
509
510
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
510
511
  height: auto;
512
+ margin-left: 8px;
513
+ padding-right: 2px;
511
514
  }
512
515
 
513
516
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -523,6 +526,10 @@
523
526
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
524
527
  }
525
528
 
529
+ .e-ie-finetune-value-span {
530
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
531
+ }
532
+
526
533
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
527
534
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
528
535
  }
@@ -500,14 +500,17 @@
500
500
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
501
501
  }
502
502
  .e-ie-straighten-value-span,
503
- .e-ie-straighten-span {
504
- font-size: 14px;
503
+ .e-ie-straighten-span,
504
+ .e-ie-toolbar-straighten {
505
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
505
506
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
506
507
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
507
508
  }
508
509
 
509
510
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
510
511
  height: auto;
512
+ margin-left: 8px;
513
+ padding-right: 2px;
511
514
  }
512
515
 
513
516
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -523,6 +526,10 @@
523
526
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
524
527
  }
525
528
 
529
+ .e-ie-finetune-value-span {
530
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
531
+ }
532
+
526
533
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
527
534
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
528
535
  }