@syncfusion/ej2-fabric-theme 34.2.8 → 35.1.37

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 (120) hide show
  1. package/package.json +2 -2
  2. package/styles/ai-assistview/_bigger.scss +9 -1
  3. package/styles/ai-assistview/_fabric-definition.scss +3 -0
  4. package/styles/ai-assistview/_layout.scss +77 -11
  5. package/styles/ai-assistview/_theme.scss +12 -1
  6. package/styles/ai-assistview/ai-assistview-lite.css +129 -28
  7. package/styles/ai-assistview/ai-assistview.css +144 -30
  8. package/styles/base/base.css +76 -8
  9. package/styles/base/common/_core.scss +39 -6
  10. package/styles/base/definition/_fabric.scss +19 -0
  11. package/styles/compatibility/fabric.css +1 -1
  12. package/styles/document-editor-container/_layout.scss +2 -0
  13. package/styles/excel-filter/_bigger.scss +1 -1
  14. package/styles/fabric-lite.css +3 -0
  15. package/styles/fabric-lite.scss +3 -0
  16. package/styles/fabric.css +3 -0
  17. package/styles/fabric.scss +3 -0
  18. package/styles/file-manager/_layout.scss +14 -3
  19. package/styles/file-manager/file-manager-lite.css +10 -2
  20. package/styles/file-manager/file-manager.css +10 -2
  21. package/styles/form-builder/_all.scss +2 -0
  22. package/styles/form-builder/_fabric-definition.scss +84 -0
  23. package/styles/form-builder/_layout.scss +2550 -0
  24. package/styles/form-builder/_mixin.scss +26 -0
  25. package/styles/form-builder/_theme.scss +711 -0
  26. package/styles/form-builder/_variables.scss +2 -0
  27. package/styles/form-builder/form-builder.css +2872 -0
  28. package/styles/form-builder/form-builder.scss +2 -0
  29. package/styles/form-builder/index.css +53 -0
  30. package/styles/form-builder/index.scss +53 -0
  31. package/styles/form-renderer/_layout.scss +83 -83
  32. package/styles/form-renderer/_theme.scss +19 -14
  33. package/styles/form-renderer/form-renderer.css +96 -93
  34. package/styles/gantt/_layout.scss +4 -0
  35. package/styles/gantt/gantt-lite.css +3 -0
  36. package/styles/gantt/gantt.css +3 -0
  37. package/styles/grid/_bigger.scss +70 -3
  38. package/styles/grid/_fabric-definition.scss +29 -0
  39. package/styles/grid/_layout.scss +423 -2
  40. package/styles/grid/_theme.scss +4 -1
  41. package/styles/grid/grid-lite.css +458 -2
  42. package/styles/grid/grid.css +519 -4
  43. package/styles/grid/icons/_fabric.scss +4 -0
  44. package/styles/headless-editor/_all.scss +2 -0
  45. package/styles/headless-editor/_bigger.scss +138 -0
  46. package/styles/headless-editor/_fabric-definition.scss +217 -0
  47. package/styles/headless-editor/_layout.scss +672 -0
  48. package/styles/headless-editor/_theme.scss +260 -0
  49. package/styles/headless-editor/_variables.scss +2 -0
  50. package/styles/headless-editor/headless-editor-lite.css +859 -0
  51. package/styles/headless-editor/headless-editor-lite.scss +2 -0
  52. package/styles/headless-editor/headless-editor.css +1003 -0
  53. package/styles/headless-editor/headless-editor.scss +3 -0
  54. package/styles/headless-editor/index-lite.css +2 -0
  55. package/styles/headless-editor/index-lite.scss +2 -0
  56. package/styles/headless-editor/index.css +2 -0
  57. package/styles/headless-editor/index.scss +2 -0
  58. package/styles/icons/fabric.css +37 -1
  59. package/styles/icons/fabric.scss +13 -1
  60. package/styles/kanban/_layout.scss +1 -1
  61. package/styles/kanban/kanban-lite.css +1 -1
  62. package/styles/kanban/kanban.css +1 -1
  63. package/styles/multi-select/_layout.scss +9 -0
  64. package/styles/multi-select/multi-select-lite.css +8 -0
  65. package/styles/multi-select/multi-select.css +8 -0
  66. package/styles/pager/_layout.scss +4 -0
  67. package/styles/pager/pager-lite.css +3 -0
  68. package/styles/pager/pager.css +3 -0
  69. package/styles/pdfviewer/_bigger.scss +162 -0
  70. package/styles/pdfviewer/_fabric-definition.scss +9 -0
  71. package/styles/pdfviewer/_theme.scss +2012 -46
  72. package/styles/pdfviewer/icons/_fabric.scss +44 -0
  73. package/styles/pdfviewer/pdfviewer-lite.css +1088 -43
  74. package/styles/pdfviewer/pdfviewer.css +1122 -53
  75. package/styles/pivotview/_layout.scss +8 -0
  76. package/styles/pivotview/_theme.scss +12 -3
  77. package/styles/pivotview/pivotview-lite.css +6 -2
  78. package/styles/pivotview/pivotview.css +6 -2
  79. package/styles/radio-button/_bigger.scss +1 -1
  80. package/styles/radio-button/_layout.scss +2 -2
  81. package/styles/ribbon/_layout.scss +12 -0
  82. package/styles/ribbon/ribbon-lite.css +4 -0
  83. package/styles/ribbon/ribbon.css +4 -0
  84. package/styles/rich-text-editor/_bigger.scss +7 -7
  85. package/styles/rich-text-editor/_fabric-definition.scss +2 -2
  86. package/styles/rich-text-editor/_layout.scss +16 -12
  87. package/styles/rich-text-editor/_theme.scss +3 -1
  88. package/styles/rich-text-editor/rich-text-editor-lite.css +21 -18
  89. package/styles/rich-text-editor/rich-text-editor.css +35 -32
  90. package/styles/richtexteditor-ui/_all.scss +2 -0
  91. package/styles/richtexteditor-ui/_bigger.scss +178 -0
  92. package/styles/richtexteditor-ui/_fabric-definition.scss +275 -0
  93. package/styles/richtexteditor-ui/_layout.scss +902 -0
  94. package/styles/richtexteditor-ui/_mixin.scss +45 -0
  95. package/styles/richtexteditor-ui/_theme.scss +653 -0
  96. package/styles/richtexteditor-ui/_variables.scss +2 -0
  97. package/styles/richtexteditor-ui/icons/_fabric.scss +13 -0
  98. package/styles/richtexteditor-ui/index-lite.css +22 -0
  99. package/styles/richtexteditor-ui/index-lite.scss +22 -0
  100. package/styles/richtexteditor-ui/index.css +22 -0
  101. package/styles/richtexteditor-ui/index.scss +22 -0
  102. package/styles/richtexteditor-ui/richtexteditor-ui-lite.css +1104 -0
  103. package/styles/richtexteditor-ui/richtexteditor-ui-lite.scss +3 -0
  104. package/styles/richtexteditor-ui/richtexteditor-ui.css +1228 -0
  105. package/styles/richtexteditor-ui/richtexteditor-ui.scss +4 -0
  106. package/styles/schedule/_layout.scss +0 -5
  107. package/styles/schedule/schedule-lite.css +0 -4
  108. package/styles/schedule/schedule.css +0 -4
  109. package/styles/spreadsheet/_bigger.scss +13 -0
  110. package/styles/spreadsheet/_fabric-definition.scss +2 -1
  111. package/styles/spreadsheet/_layout.scss +530 -3
  112. package/styles/spreadsheet/_theme.scss +143 -0
  113. package/styles/spreadsheet/spreadsheet-lite.css +423 -3
  114. package/styles/spreadsheet/spreadsheet.css +430 -3
  115. package/styles/spreadsheet-ribbon/_fabric-definition.scss +2 -0
  116. package/styles/spreadsheet-ribbon/_layout.scss +12 -0
  117. package/styles/spreadsheet-ribbon/spreadsheet-ribbon-lite.css +9 -0
  118. package/styles/spreadsheet-ribbon/spreadsheet-ribbon.css +9 -0
  119. package/styles/treegrid/_bigger.scss +1 -1
  120. package/styles/treegrid/_layout.scss +1 -1
@@ -494,6 +494,51 @@
494
494
  content: "\e340";
495
495
  font-family: "e-icons";
496
496
  }
497
+ .e-pv-custom-text-stamp-format-group .e-pv-bold-icon::before,
498
+ .e-pv-custom-text-stamp-mobile-format-group .e-pv-bold-icon::before {
499
+ content: "\eb77";
500
+ font-family: "e-icons";
501
+ font-size: 16px;
502
+ font-weight: normal;
503
+ color: #333;
504
+ }
505
+ .e-pv-custom-text-stamp-format-group .e-pv-italic-icon::before,
506
+ .e-pv-custom-text-stamp-mobile-format-group .e-pv-italic-icon::before {
507
+ content: "\e35a";
508
+ font-family: "e-icons";
509
+ font-size: 16px;
510
+ font-weight: normal;
511
+ color: #333;
512
+ }
513
+ .e-pv-custom-text-stamp-format-group .e-pv-strikeout-icon::before,
514
+ .e-pv-custom-text-stamp-mobile-format-group .e-pv-strikeout-icon::before {
515
+ content: "\ebf1";
516
+ font-family: "e-icons";
517
+ font-size: 16px;
518
+ font-weight: normal;
519
+ color: #333;
520
+ }
521
+ .e-pv-custom-text-stamp-format-group .e-pv-underline-icon::before,
522
+ .e-pv-custom-text-stamp-mobile-format-group .e-pv-underline-icon::before {
523
+ content: "\ebf0";
524
+ font-family: "e-icons";
525
+ font-size: 16px;
526
+ font-weight: normal;
527
+ color: #333;
528
+ }
529
+ .e-pv-custom-text-stamp-close-pv-plus-icon::before {
530
+ content: "\e7d5";
531
+ font-family: "e-icons";
532
+ }
533
+ .e-pv-custom-text-stamp-close-delete-icon::before {
534
+ content: "\e965";
535
+ font-family: "e-icons";
536
+ }
537
+ .e-pv-custom-text-stamp-close-icon::before {
538
+ content: "\e7fc";
539
+ font-family: "e-icons";
540
+ font-size: 16px;
541
+ }
497
542
  /*! component layout */
498
543
  /* stylelint-disable property-no-vendor-prefix */
499
544
  .e-pdfviewer .e-pv-viewer-container {
@@ -1092,6 +1137,7 @@ input.e-pv-formfield-input::-ms-reveal {
1092
1137
  padding-top: 2px;
1093
1138
  }
1094
1139
  .e-dialog.e-pv-redaction-confirmation-popup,
1140
+ .e-dialog.e-pv-apply-actions-confirmation-popup,
1095
1141
  .e-pv-password-popup.e-dialog {
1096
1142
  height: auto;
1097
1143
  margin: 0 10px;
@@ -1534,6 +1580,10 @@ input.e-pv-formfield-input::-ms-reveal {
1534
1580
  width: 25px;
1535
1581
  margin-left: 22px;
1536
1582
  }
1583
+ .e-pdfviewer .e-pv-blazor-organize-window .e-pv-organize-toolbar-apperance .e-checkbox-wrapper {
1584
+ width: 100%;
1585
+ margin-left: 22px;
1586
+ }
1537
1587
  }
1538
1588
  .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn,
1539
1589
  .e-pv-custom-button-selection.e-pv-custom-button.e-btn,
@@ -1804,7 +1854,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1804
1854
  .e-pv-form-designer-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon,
1805
1855
  .e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
1806
1856
  .e-pv-backward-icon .e-pv-icon,
1807
- .e-pv-comment-panel-filter-btn {
1857
+ .e-pv-comment-panel-filter-btn,
1858
+ .e-pv-custom-text-stamp-close-pv-plus-icon,
1859
+ .e-pv-custom-text-stamp-close-delete-icon,
1860
+ .e-pv-custom-text-stamp-close-icon {
1808
1861
  color: #000;
1809
1862
  }
1810
1863
  .e-pv-rtl .e-pv-comment-panel-title-container .e-pv-blazor-annotation-tools-close-icon {
@@ -2432,6 +2485,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2432
2485
  background-color: #dadada;
2433
2486
  color: #000;
2434
2487
  }
2488
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active:not(:hover),
2489
+ .e-pv-annotation-toolbar .e-split-btn-wrapper .e-pv-annotation-eraser-container.e-btn.e-pv-select:not(:hover) {
2490
+ background-color: #f4f4f4;
2491
+ border-color: transparent;
2492
+ outline: none;
2493
+ }
2435
2494
  .e-pv-annotation-color-container.e-dropdown-btn.e-btn,
2436
2495
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
2437
2496
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
@@ -2812,6 +2871,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2812
2871
  .e-pdfviewer .e-css.e-checkbox-wrapper .e-frame + .e-label {
2813
2872
  margin-right: 10px;
2814
2873
  }
2874
+ .e-pdfviewer.e-pv-mobile-view .e-pv-blazor-organize-window .e-checkbox-wrapper .e-frame + .e-label {
2875
+ margin: 0 !important; /* stylelint-disable-line declaration-no-important */
2876
+ }
2815
2877
  .e-toolbar-right .e-pv-import-pages .e-tbar-btn {
2816
2878
  font-size: 14px;
2817
2879
  }
@@ -3839,6 +3901,25 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3839
3901
  .e-pv-redaction-opacity-container .e-slider-container {
3840
3902
  padding-left: 10px;
3841
3903
  }
3904
+ .e-rtl .e-pv-redaction-mark-fill-text {
3905
+ margin: 2px 15px 0 0;
3906
+ }
3907
+ .e-rtl .e-pv-redaction-opacity-container {
3908
+ text-align: left;
3909
+ }
3910
+ .e-rtl .e-pv-redaction-opacity-container .e-pv-redaction-opactity-value {
3911
+ margin-right: 10px;
3912
+ }
3913
+ .e-rtl .e-pv-redaction-opacity-container .e-slider-container {
3914
+ padding-right: 10px;
3915
+ padding-left: 0;
3916
+ }
3917
+ .e-rtl .e-pv-redaction-color-picker,
3918
+ .e-rtl .e-pv-redaction-outline-text,
3919
+ .e-rtl .e-pv-redaction-opacity-text {
3920
+ margin-right: 10px;
3921
+ margin-left: 0;
3922
+ }
3842
3923
  .e-pv-redaction-opactity-value {
3843
3924
  float: right;
3844
3925
  margin-top: 6px;
@@ -3996,7 +4077,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3996
4077
  }
3997
4078
  .e-pv-overlaytext {
3998
4079
  float: left;
3999
- margin-left: 20px;
4080
+ margin-inline-start: 20px;
4000
4081
  }
4001
4082
  .e-pv-blazor-redaction-table-tr {
4002
4083
  display: -ms-flexbox;
@@ -4599,6 +4680,191 @@ span.e-pv-redaction-opactity-value {
4599
4680
  .extract_delete_center_div {
4600
4681
  margin-left: 12px;
4601
4682
  }
4683
+ .e-pv-avatar-container {
4684
+ display: -ms-flexbox;
4685
+ display: flex;
4686
+ -ms-flex-align: center;
4687
+ align-items: center;
4688
+ }
4689
+ .e-pv-user-popup {
4690
+ display: none;
4691
+ position: absolute;
4692
+ background: #fff;
4693
+ border: 1px solid #e0e0e0;
4694
+ border-radius: 4px;
4695
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
4696
+ min-width: 250px;
4697
+ z-index: 1000;
4698
+ top: 100%;
4699
+ right: 0;
4700
+ }
4701
+ .e-pv-user-list {
4702
+ list-style: none;
4703
+ margin: 0;
4704
+ padding: 0;
4705
+ }
4706
+ .e-pv-mobile-user-container {
4707
+ display: none;
4708
+ position: relative;
4709
+ cursor: pointer;
4710
+ }
4711
+ .e-pv-mobile-user-popup {
4712
+ display: none;
4713
+ position: absolute;
4714
+ background: #fff;
4715
+ border: 1px solid #e0e0e0;
4716
+ border-radius: 4px;
4717
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
4718
+ min-width: 250px;
4719
+ z-index: 1001;
4720
+ top: 100%;
4721
+ right: 0;
4722
+ }
4723
+ .e-pv-mobile-user-list {
4724
+ list-style: none;
4725
+ margin: 0;
4726
+ padding: 0;
4727
+ }
4728
+ .e-avatar.e-avatar-circle.e-pv-collaborative-avatar {
4729
+ width: 32px;
4730
+ height: 32px;
4731
+ border-radius: 50%;
4732
+ overflow: hidden;
4733
+ cursor: pointer;
4734
+ -ms-flex-negative: 0;
4735
+ flex-shrink: 0;
4736
+ background: rgb(245, 245, 245);
4737
+ box-sizing: content-box;
4738
+ box-shadow: inset 0 0 0 2px #fff;
4739
+ }
4740
+ .e-avatar.e-avatar-circle.e-pv-collaborative-avatar.e-pv-avatar-text,
4741
+ .e-pv-user-popup-avatar.e-pv-avatar-text,
4742
+ .e-pv-mobile-first-user-crop.e-pv-avatar-text {
4743
+ display: -ms-flexbox;
4744
+ display: flex;
4745
+ -ms-flex-align: center;
4746
+ align-items: center;
4747
+ -ms-flex-pack: center;
4748
+ justify-content: center;
4749
+ font-weight: 600;
4750
+ font-size: 12px;
4751
+ color: rgb(255, 255, 255);
4752
+ }
4753
+ .e-pv-avatar-count-badge {
4754
+ width: 34px;
4755
+ height: 34px;
4756
+ background: rgb(90, 76, 240);
4757
+ color: #fff;
4758
+ border-radius: 50%;
4759
+ display: -ms-flexbox;
4760
+ display: flex;
4761
+ -ms-flex-align: center;
4762
+ align-items: center;
4763
+ -ms-flex-pack: center;
4764
+ justify-content: center;
4765
+ font-weight: bold;
4766
+ font-size: 12px;
4767
+ margin-left: -12px;
4768
+ cursor: pointer;
4769
+ -ms-flex-negative: 0;
4770
+ flex-shrink: 0;
4771
+ z-index: 3;
4772
+ }
4773
+ .e-tbar-btn.e-pv-userIcon {
4774
+ /* stylelint-disable-next-line declaration-no-important */
4775
+ background: rgba(255, 255, 255, 0) !important;
4776
+ }
4777
+ .e-pv-list-user {
4778
+ padding: 12px 16px;
4779
+ cursor: pointer;
4780
+ font-size: 14px;
4781
+ font-weight: normal;
4782
+ color: rgb(17, 24, 39);
4783
+ line-height: 1.5;
4784
+ display: -ms-flexbox;
4785
+ display: flex;
4786
+ -ms-flex-align: center;
4787
+ align-items: center;
4788
+ border-bottom: 1px solid #f0f0f0;
4789
+ transition: background-color 0.2s;
4790
+ }
4791
+ .e-pv-user-popup-avatar {
4792
+ width: 34px;
4793
+ height: 34px;
4794
+ border-radius: 50%;
4795
+ overflow: hidden;
4796
+ -ms-flex-negative: 0;
4797
+ flex-shrink: 0;
4798
+ margin-right: 12px;
4799
+ background: rgb(245, 245, 245);
4800
+ box-shadow: inset 0 0 0 2px #fff;
4801
+ }
4802
+ .e-pv-mobile-first-user-avatar {
4803
+ width: 28px;
4804
+ height: 28px;
4805
+ border-radius: 50%;
4806
+ overflow: visible;
4807
+ cursor: pointer;
4808
+ -ms-flex-negative: 0;
4809
+ flex-shrink: 0;
4810
+ position: relative;
4811
+ }
4812
+ .e-pv-mobile-first-user-crop {
4813
+ width: 100%;
4814
+ height: 100%;
4815
+ border-radius: 50%;
4816
+ overflow: hidden;
4817
+ display: -ms-flexbox;
4818
+ display: flex;
4819
+ -ms-flex-align: center;
4820
+ align-items: center;
4821
+ -ms-flex-pack: center;
4822
+ justify-content: center;
4823
+ box-shadow: inset 0 0 0 2px #fff;
4824
+ }
4825
+ .e-pv-mobile-user-badge {
4826
+ position: absolute;
4827
+ bottom: 0;
4828
+ right: 0;
4829
+ width: 12px;
4830
+ height: 12px;
4831
+ background: rgb(243, 244, 246);
4832
+ color: rgb(55, 65, 81);
4833
+ border-radius: 50%;
4834
+ display: -ms-flexbox;
4835
+ display: flex;
4836
+ -ms-flex-align: center;
4837
+ align-items: center;
4838
+ -ms-flex-pack: center;
4839
+ justify-content: center;
4840
+ font-weight: bold;
4841
+ font-size: 10px;
4842
+ border: 2px solid #fff;
4843
+ transform: translate(30%, 30%);
4844
+ }
4845
+ .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-collaborative-users-container {
4846
+ display: block;
4847
+ padding-left: 10px;
4848
+ padding-right: 10px;
4849
+ width: auto;
4850
+ }
4851
+ .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-collaborative-avatar {
4852
+ width: 24px;
4853
+ height: 24px;
4854
+ }
4855
+ .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-avatar-count-badge {
4856
+ font-size: 10px;
4857
+ margin-left: -8px;
4858
+ width: 27px;
4859
+ height: 27px;
4860
+ }
4861
+ .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-toolbar-avatar-group {
4862
+ padding-left: 4px;
4863
+ padding-right: 10px;
4864
+ }
4865
+ .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-user-popup {
4866
+ min-width: 220px;
4867
+ }
4602
4868
  .e-pv-mobile-view .e-pv-extract-toolbar .e-scroll-nav { /* stylelint-disable-line declaration-no-important */
4603
4869
  transform: skewX(-1deg) translateX(6px) !important; /* stylelint-disable-line declaration-no-important */
4604
4870
  width: 56px;
@@ -5191,60 +5457,446 @@ span.e-pv-redaction-opactity-value {
5191
5457
  .e-pv-mobile-annotation-toolbar .e-split-btn-wrapper .e-pv-annotation-eraser-container.e-btn {
5192
5458
  width: 32px;
5193
5459
  }
5194
- .e-pv-link-annotation-dialog .e-dlg-header-content {
5195
- padding: 22px 24px 14px;
5460
+ .e-pv-custom-text-stamp-dialog.e-popup.e-popup-open {
5461
+ width: 448px;
5462
+ min-height: 538px;
5196
5463
  }
5197
- .e-pv-link-annotation-dialog .e-dlg-content {
5198
- padding: 20px 24px 0;
5464
+ .e-pv-custom-text-stamp-preview-container {
5465
+ display: -ms-flexbox;
5466
+ display: flex;
5467
+ -ms-flex-align: center;
5468
+ align-items: center;
5469
+ -ms-flex-pack: center;
5470
+ justify-content: center;
5471
+ height: 102px;
5472
+ margin-top: 8px;
5473
+ border: 1px solid #d0d0d0;
5199
5474
  }
5200
- .e-pv-link-dialog-label {
5475
+ .e-pv-custom-text-stamp-label {
5201
5476
  display: block;
5202
- margin-bottom: 4px;
5203
- font-size: 14px;
5204
- line-height: 20px;
5205
- }
5206
- .e-pv-link-dialog-label,
5207
- .e-pv-link-dialog-section-title-mobile,
5208
- .e-pv-link-stroke-field-label-mobile,
5209
- .e-pv-link-thickness-field-label-mobile,
5210
- .e-pv-link-dialog-field-label-mobile,
5211
- .e-pv-link-dialog-section-title-mobile-mobile,
5212
- .e-pv-mobile-view .e-pv-link-property-panel-mobile .e-pv-link-panel-title-container span.e-pv-annotation-tools-close-icon {
5213
- color: #333;
5214
- }
5215
- .e-pv-link-dialog-section-title {
5216
- margin: 24px 0 12px;
5217
- font-size: 14px;
5218
- font-weight: 600;
5219
- line-height: 20px;
5477
+ font-size: 12px;
5478
+ font-weight: normal;
5479
+ font-family: "Roboto";
5480
+ line-height: 18px;
5481
+ margin-bottom: 8px;
5482
+ margin-top: 20px;
5483
+ color: #000;
5220
5484
  }
5221
- .e-pv-link-dialog-field-label {
5222
- white-space: nowrap;
5485
+ .e-pv-custom-text-stamp-font-style-row {
5486
+ display: -ms-flexbox;
5487
+ display: flex;
5488
+ -ms-flex-align: center;
5489
+ align-items: center;
5490
+ -ms-flex-pack: justify;
5491
+ justify-content: space-between;
5492
+ gap: 16px;
5223
5493
  }
5224
- .e-pv-link-dialog-common-props {
5225
- margin-top: 20px;
5494
+ .e-pv-custom-text-stamp-font-family-container {
5495
+ width: 100%;
5226
5496
  }
5227
- .e-pv-link-dialog-props-row,
5228
- .e-pv-link-dialog-prop-group,
5229
- .e-pv-link-dialog-radio-row,
5230
- .e-pv-link-dialog-properties-row,
5231
- .e-pv-link-dialog-position-row,
5232
- .e-pv-link-dialog-position-row-mobile,
5233
- .e-pv-link-dialog-field-group,
5234
- .e-pv-link-dialog-field-group-mobile {
5497
+ .e-pv-custom-text-stamp-format-group.e-btn-group {
5235
5498
  display: -ms-flexbox;
5236
5499
  display: flex;
5500
+ box-shadow: none;
5237
5501
  }
5238
- .e-pv-link-dialog-props-row,
5239
- .e-pv-link-dialog-prop-group {
5502
+ .e-pv-custom-text-stamp-format-group .e-btn {
5503
+ display: -ms-flexbox;
5504
+ display: flex;
5240
5505
  -ms-flex-align: center;
5241
5506
  align-items: center;
5507
+ -ms-flex-pack: center;
5508
+ justify-content: center;
5509
+ width: 35px;
5510
+ height: 28px;
5242
5511
  }
5243
- .e-pv-link-dialog-props-row {
5244
- gap: 20px;
5512
+ .e-rtl .e-pv-custom-text-stamp-format-group.e-btn-group .e-btn:first-of-type {
5513
+ border-top-left-radius: 0;
5514
+ border-bottom-left-radius: 0;
5245
5515
  }
5246
- .e-pv-link-dialog-prop-group {
5247
- gap: 16px;
5516
+ .e-rtl .e-pv-custom-text-stamp-format-group.e-btn-group .e-btn:last-of-type {
5517
+ border-top-right-radius: 0;
5518
+ border-bottom-right-radius: 0;
5519
+ }
5520
+ .e-pv-custom-text-stamp-format-group .e-btn .e-btn-icon {
5521
+ margin-top: 0;
5522
+ }
5523
+ .e-pv-custom-text-stamp-color-section {
5524
+ display: -ms-flexbox;
5525
+ display: flex;
5526
+ -ms-flex-align: center;
5527
+ align-items: center;
5528
+ margin-top: 20px;
5529
+ gap: 16px;
5530
+ }
5531
+ .e-pv-custom-text-stamp-color-item {
5532
+ display: -ms-flexbox;
5533
+ display: flex;
5534
+ -ms-flex-align: center;
5535
+ align-items: center;
5536
+ }
5537
+ .e-pv-custom-text-stamp-color-label {
5538
+ font-family: "Roboto";
5539
+ font-weight: normal;
5540
+ font-size: 14px;
5541
+ line-height: 22px;
5542
+ margin-right: 8px;
5543
+ color: #333;
5544
+ }
5545
+ .e-rtl .e-pv-custom-text-stamp-color-label {
5546
+ margin-right: 0;
5547
+ margin-left: 8px;
5548
+ }
5549
+ .e-pv-custom-text-stamp-properties-section {
5550
+ margin-top: 24px;
5551
+ }
5552
+ .e-pv-custom-text-stamp-properties-title {
5553
+ font-family: "Roboto";
5554
+ font-style: normal;
5555
+ font-weight: 500;
5556
+ font-size: 14px;
5557
+ line-height: 22px;
5558
+ margin-bottom: 16px;
5559
+ color: #333;
5560
+ }
5561
+ .e-pv-custom-text-stamp-checkbox-container {
5562
+ display: -ms-flexbox;
5563
+ display: flex;
5564
+ -ms-flex-align: center;
5565
+ align-items: center;
5566
+ gap: 24px;
5567
+ }
5568
+ .e-pv-custom-text-stamp-checkbox .e-label {
5569
+ font-style: normal;
5570
+ font-weight: normal;
5571
+ font-size: 14px;
5572
+ font-family: "Roboto";
5573
+ line-height: 22px;
5574
+ color: #333;
5575
+ }
5576
+ .e-pv-custom-text-stamp-date-format-section {
5577
+ margin-top: 20px;
5578
+ }
5579
+ .e-pv-custom-text-stamp-close-pv-plus-icon {
5580
+ margin-top: 2px;
5581
+ }
5582
+ .e-pv-custom-text-stamp-close-delete-icon {
5583
+ margin-left: 15px;
5584
+ }
5585
+ .e-rtl .e-pv-custom-text-stamp-close-delete-icon {
5586
+ margin-right: 15px;
5587
+ }
5588
+ .e-text-stamp-indicator {
5589
+ width: 16px;
5590
+ height: 16px;
5591
+ border-radius: 50%;
5592
+ display: inline-block;
5593
+ margin-right: 8px;
5594
+ }
5595
+ .e-rtl .e-text-stamp-indicator {
5596
+ margin-right: 0;
5597
+ margin-left: 8px;
5598
+ }
5599
+ .e-text-stamp-wrapper {
5600
+ display: -ms-flexbox;
5601
+ display: flex;
5602
+ -ms-flex-direction: column;
5603
+ flex-direction: column;
5604
+ }
5605
+ .e-text-stamp-title {
5606
+ font-size: 14px;
5607
+ line-height: 22px;
5608
+ margin-right: 15px;
5609
+ }
5610
+ .e-rtl .e-text-stamp-title {
5611
+ margin-right: 0;
5612
+ margin-left: 15px;
5613
+ }
5614
+ .e-text-stamp-subtitle {
5615
+ font-size: 12px;
5616
+ line-height: 18px;
5617
+ color: #000;
5618
+ margin-right: 15px;
5619
+ }
5620
+ .e-rtl .e-text-stamp-subtitle {
5621
+ margin-right: 0;
5622
+ margin-left: 15px;
5623
+ }
5624
+ .e-pv-custom-text-stamp-mobile-dialog {
5625
+ position: absolute;
5626
+ width: 100%;
5627
+ height: 100%;
5628
+ background: #fff;
5629
+ border: 1px solid #f4f4f4;
5630
+ }
5631
+ .e-pv-custom-text-stamp-mobile-header {
5632
+ display: -ms-flexbox;
5633
+ display: flex;
5634
+ -ms-flex-align: center;
5635
+ align-items: center;
5636
+ -ms-flex-negative: 0;
5637
+ flex-shrink: 0;
5638
+ height: 56px;
5639
+ padding: 0 16px;
5640
+ border-bottom: 1px solid #d0d0d0;
5641
+ background: #fff;
5642
+ }
5643
+ .e-pv-custom-text-stamp-mobile-title {
5644
+ font-size: 16px;
5645
+ line-height: 24px;
5646
+ letter-spacing: 0;
5647
+ margin-left: 12px;
5648
+ font-family: "Roboto";
5649
+ font-weight: 500;
5650
+ font-style: normal;
5651
+ }
5652
+ .e-pv-custom-text-stamp-mobile-content {
5653
+ -ms-flex: 1;
5654
+ flex: 1;
5655
+ overflow-y: auto;
5656
+ scrollbar-width: none;
5657
+ -ms-overflow-style: none;
5658
+ }
5659
+ .e-pv-custom-text-stamp-mobile-content::-webkit-scrollbar {
5660
+ display: none;
5661
+ }
5662
+ .e-pv-custom-text-stamp-mobile-footer {
5663
+ display: -ms-flexbox;
5664
+ display: flex;
5665
+ -ms-flex-align: center;
5666
+ align-items: center;
5667
+ -ms-flex-pack: space-evenly;
5668
+ justify-content: space-evenly;
5669
+ -ms-flex-negative: 0;
5670
+ flex-shrink: 0;
5671
+ height: 52px;
5672
+ border-top: 1px solid #d0d0d0;
5673
+ padding: 8px 24px;
5674
+ }
5675
+ .e-pv-custom-text-stamp-cancel-btn {
5676
+ width: 156px;
5677
+ height: 36px;
5678
+ border: 1px solid transparent;
5679
+ background: transparent;
5680
+ text-transform: uppercase;
5681
+ font-family: "Roboto";
5682
+ font-weight: 600;
5683
+ font-size: 14px;
5684
+ line-height: 22px;
5685
+ padding: 7px 16px;
5686
+ border-radius: 2px;
5687
+ }
5688
+ .e-pv-custom-text-stamp-create-btn {
5689
+ border: none;
5690
+ width: 156px;
5691
+ height: 36px;
5692
+ font-family: "Roboto";
5693
+ border-radius: 2px;
5694
+ border: 1px solid transparent;
5695
+ background: transparent;
5696
+ text-transform: uppercase;
5697
+ font-weight: 600;
5698
+ font-size: 14px;
5699
+ line-height: 22px;
5700
+ padding: 7px 16px;
5701
+ color: #e3165b;
5702
+ }
5703
+ .e-pv-custom-text-stamp-mobile-preview-wrapper {
5704
+ padding: 16px 15px;
5705
+ -ms-flex-negative: 0;
5706
+ flex-shrink: 0;
5707
+ height: 134px;
5708
+ background: #fff;
5709
+ border-bottom: 1px solid #d0d0d0;
5710
+ }
5711
+ .e-pv-custom-text-stamp-mobile-preview-container {
5712
+ width: 100%;
5713
+ display: -ms-flexbox;
5714
+ display: flex;
5715
+ -ms-flex-align: center;
5716
+ align-items: center;
5717
+ -ms-flex-pack: center;
5718
+ justify-content: center;
5719
+ height: 102px;
5720
+ border: 1px solid #d0d0d0;
5721
+ }
5722
+ .e-pv-custom-text-stamp-mobile-text-section {
5723
+ padding: 16px;
5724
+ }
5725
+ .e-pv-custom-text-stamp-mobile-label {
5726
+ display: block;
5727
+ font-size: 12px;
5728
+ font-weight: normal;
5729
+ line-height: 16px;
5730
+ font-family: "Roboto";
5731
+ margin-bottom: 4px;
5732
+ color: #000;
5733
+ }
5734
+ .e-pv-custom-text-stamp-mobile-font-style-section {
5735
+ padding: 0 16px 16px;
5736
+ }
5737
+ .e-pv-custom-text-stamp-mobile-font-style-row {
5738
+ display: -ms-flexbox;
5739
+ display: flex;
5740
+ -ms-flex-align: center;
5741
+ align-items: center;
5742
+ gap: 16px;
5743
+ }
5744
+ .e-pv-custom-text-stamp-mobile-font-family-container {
5745
+ -ms-flex: 1;
5746
+ flex: 1;
5747
+ min-width: 0;
5748
+ }
5749
+ .e-pv-custom-text-stamp-textbox-mobile-container .e-input-group input.e-input,
5750
+ .e-pv-custom-text-stamp-mobile-font-family-container .e-input-group input.e-input,
5751
+ .e-pv-custom-text-stamp-mobile-date-format-container .e-input-group input.e-input {
5752
+ height: 38px;
5753
+ }
5754
+ .e-pv-custom-text-stamp-mobile-format-group {
5755
+ display: -ms-flexbox;
5756
+ display: flex;
5757
+ -ms-flex-negative: 0;
5758
+ flex-shrink: 0;
5759
+ overflow: hidden;
5760
+ box-shadow: none;
5761
+ }
5762
+ .e-pv-custom-text-stamp-mobile-format-group input[type=checkbox] {
5763
+ display: none;
5764
+ }
5765
+ .e-pv-custom-text-stamp-mobile-format-group .e-btn {
5766
+ border-radius: 0;
5767
+ display: -ms-flexbox;
5768
+ display: flex;
5769
+ -ms-flex-align: center;
5770
+ align-items: center;
5771
+ -ms-flex-pack: center;
5772
+ justify-content: center;
5773
+ width: 38px;
5774
+ height: 38px;
5775
+ }
5776
+ .e-pv-custom-text-stamp-mobile-format-group input:checked + .e-btn {
5777
+ background: rgb(225, 223, 221);
5778
+ }
5779
+ .e-pv-custom-text-stamp-mobile-color-section {
5780
+ display: -ms-flexbox;
5781
+ display: flex;
5782
+ gap: 24px;
5783
+ padding: 0 16px 16px;
5784
+ }
5785
+ .e-pv-custom-text-stamp-mobile-color-item .e-pv-custom-text-stamp-mobile-label {
5786
+ display: block;
5787
+ font-size: 16px;
5788
+ font-family: "Roboto";
5789
+ line-height: 24px;
5790
+ margin-bottom: 4px;
5791
+ color: #333;
5792
+ text-align: right;
5793
+ }
5794
+ .e-pv-custom-text-stamp-mobile-properties-section {
5795
+ padding: 0 16px 16px;
5796
+ }
5797
+ .e-pv-custom-text-stamp-mobile-properties-title {
5798
+ margin-bottom: 24px;
5799
+ font-family: "Roboto";
5800
+ font-weight: 500;
5801
+ font-style: normal;
5802
+ font-size: 16px;
5803
+ line-height: 24px;
5804
+ color: #333;
5805
+ }
5806
+ .e-pv-custom-text-stamp-mobile-checkbox-container {
5807
+ display: -ms-flexbox;
5808
+ display: flex;
5809
+ -ms-flex-align: center;
5810
+ align-items: center;
5811
+ -ms-flex-wrap: wrap;
5812
+ flex-wrap: wrap;
5813
+ gap: 20px;
5814
+ }
5815
+ .e-pv-custom-text-stamp-mobile-checkbox {
5816
+ display: -ms-flexbox;
5817
+ display: flex;
5818
+ -ms-flex-align: center;
5819
+ align-items: center;
5820
+ }
5821
+ .e-pv-custom-text-stamp-mobile-date-format-section {
5822
+ padding: 0 16px 16px;
5823
+ }
5824
+ .e-pv-custom-text-stamp-mobile-date-format-container .e-control-wrapper,
5825
+ .e-pv-custom-text-stamp-mobile-date-format-container .e-input-group {
5826
+ width: 100%;
5827
+ }
5828
+ .e-pv-custom-text-stamp-mobile-dialog[style*="direction: rtl"] .e-pv-custom-text-stamp-mobile-title {
5829
+ margin-left: 0;
5830
+ margin-right: 12px;
5831
+ }
5832
+ .e-pv-custom-text-stamp-mobile-dialog[style*="direction: rtl"] .e-input-group.e-pv-custom-text-stamp-mobile-textbox input.e-input,
5833
+ .e-pv-custom-text-stamp-mobile-dialog[style*="direction: rtl"] .e-pv-custom-text-stamp-mobile-font-family-container input.e-input,
5834
+ .e-pv-custom-text-stamp-mobile-dialog[style*="direction: rtl"] .e-pv-custom-text-stamp-mobile-date-format-container input.e-input {
5835
+ padding-left: 0;
5836
+ padding-right: 8px;
5837
+ }
5838
+ .e-pv-custom-text-stamp-mobile-dialog[style*="direction: rtl"] .e-pv-custom-text-stamp-mobile-format-group .e-btn:first-of-type {
5839
+ border-top-left-radius: 0;
5840
+ border-bottom-left-radius: 0;
5841
+ }
5842
+ .e-pv-custom-text-stamp-mobile-dialog[style*="direction: rtl"] .e-pv-custom-text-stamp-mobile-format-group .e-btn:last-of-type {
5843
+ border-top-right-radius: 0;
5844
+ border-bottom-right-radius: 0;
5845
+ }
5846
+ .e-pv-link-annotation-dialog .e-dlg-header-content {
5847
+ padding: 22px 24px 14px;
5848
+ }
5849
+ .e-pv-link-annotation-dialog .e-dlg-content {
5850
+ padding: 20px 24px 0;
5851
+ }
5852
+ .e-pv-link-dialog-label {
5853
+ display: block;
5854
+ margin-bottom: 4px;
5855
+ font-size: 14px;
5856
+ line-height: 20px;
5857
+ }
5858
+ .e-pv-link-dialog-label,
5859
+ .e-pv-link-dialog-section-title-mobile,
5860
+ .e-pv-link-stroke-field-label-mobile,
5861
+ .e-pv-link-thickness-field-label-mobile,
5862
+ .e-pv-link-dialog-field-label-mobile,
5863
+ .e-pv-link-dialog-section-title-mobile-mobile,
5864
+ .e-pv-mobile-view .e-pv-link-property-panel-mobile .e-pv-link-panel-title-container span.e-pv-annotation-tools-close-icon {
5865
+ color: #333;
5866
+ }
5867
+ .e-pv-link-dialog-section-title {
5868
+ margin: 24px 0 12px;
5869
+ font-size: 14px;
5870
+ font-weight: 600;
5871
+ line-height: 20px;
5872
+ }
5873
+ .e-pv-link-dialog-field-label {
5874
+ white-space: nowrap;
5875
+ }
5876
+ .e-pv-link-dialog-common-props {
5877
+ margin-top: 20px;
5878
+ }
5879
+ .e-pv-link-dialog-props-row,
5880
+ .e-pv-link-dialog-prop-group,
5881
+ .e-pv-link-dialog-radio-row,
5882
+ .e-pv-link-dialog-properties-row,
5883
+ .e-pv-link-dialog-position-row,
5884
+ .e-pv-link-dialog-position-row-mobile,
5885
+ .e-pv-link-dialog-field-group,
5886
+ .e-pv-link-dialog-field-group-mobile {
5887
+ display: -ms-flexbox;
5888
+ display: flex;
5889
+ }
5890
+ .e-pv-link-dialog-props-row,
5891
+ .e-pv-link-dialog-prop-group {
5892
+ -ms-flex-align: center;
5893
+ align-items: center;
5894
+ }
5895
+ .e-pv-link-dialog-props-row {
5896
+ gap: 20px;
5897
+ }
5898
+ .e-pv-link-dialog-prop-group {
5899
+ gap: 16px;
5248
5900
  }
5249
5901
  .e-pv-link-dialog-prop-group:last-child {
5250
5902
  -ms-flex: 1;
@@ -5448,4 +6100,397 @@ span.e-pv-redaction-opactity-value {
5448
6100
  }
5449
6101
  .e-pv-link-dialog-prop-group-mobile .e-pv-link-thickness-slider {
5450
6102
  width: 100%;
6103
+ }
6104
+ .e-pv-text-comparison #pdf-comparer-left,
6105
+ .e-pv-text-comparison #pdf-comparer-right {
6106
+ border-right: 1px solid #fff;
6107
+ }
6108
+ .e-pv-text-comparison #pdf-comparer-panel {
6109
+ border-left: 1px solid #fff;
6110
+ display: -ms-flexbox;
6111
+ display: flex;
6112
+ -ms-flex-direction: row;
6113
+ flex-direction: row;
6114
+ min-height: 0;
6115
+ overflow: hidden;
6116
+ }
6117
+ .e-pv-text-comparison#pdf-comparer-wrapper {
6118
+ height: 100%;
6119
+ width: 100%;
6120
+ }
6121
+ .e-pv-text-comparison#pdf-comparer-wrapper.e-pv-mobile-layout {
6122
+ display: -ms-flexbox;
6123
+ display: flex;
6124
+ -ms-flex-direction: column;
6125
+ flex-direction: column;
6126
+ gap: 0;
6127
+ position: relative;
6128
+ }
6129
+ .e-pv-text-comparison#pdf-comparer-wrapper.e-pv-desktop-layout {
6130
+ display: -ms-grid;
6131
+ display: grid;
6132
+ gap: 0;
6133
+ height: 100%;
6134
+ min-height: 0;
6135
+ width: 100%;
6136
+ }
6137
+ .e-pv-text-comparison#pdf-comparer-wrapper.e-pv-desktop-layout.e-pv-with-panel {
6138
+ -ms-grid-columns: 40% 40% 20%;
6139
+ grid-template-columns: 40% 40% 20%;
6140
+ -ms-grid-rows: auto 1fr;
6141
+ grid-template-rows: auto 1fr;
6142
+ }
6143
+ .e-pv-text-comparison#pdf-comparer-wrapper.e-pv-desktop-layout.e-pv-without-panel {
6144
+ -ms-grid-columns: 50% 50%;
6145
+ grid-template-columns: 50% 50%;
6146
+ -ms-grid-rows: auto 1fr;
6147
+ grid-template-rows: auto 1fr;
6148
+ }
6149
+ .e-pv-text-comparison .e-pv-pdf-comparer-header {
6150
+ -ms-flex-align: center;
6151
+ align-items: center;
6152
+ display: -ms-flexbox;
6153
+ display: flex;
6154
+ font-size: 14px;
6155
+ font-weight: 600;
6156
+ height: auto;
6157
+ padding: 8px;
6158
+ }
6159
+ .e-pv-text-comparison .e-pv-pdf-comparer-header-left {
6160
+ border-right: 1px solid #e0e0e0;
6161
+ }
6162
+ .e-pv-text-comparison .e-pv-pdf-comparer-header-left,
6163
+ .e-pv-text-comparison .e-pv-pdf-comparer-header-right {
6164
+ color: #fff;
6165
+ background-color: #0f6cbd;
6166
+ }
6167
+ .e-pv-text-comparison .e-pv-pdf-comparer-header-panel {
6168
+ color: #212529;
6169
+ background: #f8f9fa;
6170
+ border: 1px solid #e0e0e0;
6171
+ }
6172
+ .e-pv-text-comparison #pdf-comparer-viewers-container {
6173
+ display: -ms-flexbox;
6174
+ display: flex;
6175
+ -ms-flex: 1;
6176
+ flex: 1;
6177
+ -ms-flex-direction: column;
6178
+ flex-direction: column;
6179
+ gap: 0;
6180
+ width: 100%;
6181
+ }
6182
+ .e-pv-text-comparison #pdf-comparer-viewers-container.mobile {
6183
+ height: calc(100% - 50px);
6184
+ }
6185
+ .e-pv-text-comparison #pdf-comparer-left,
6186
+ .e-pv-text-comparison #pdf-comparer-right {
6187
+ height: 100%;
6188
+ width: 100%;
6189
+ border: 1px solid #e0e0e0;
6190
+ }
6191
+ .e-pv-text-comparison #pdf-comparer-left.mobile,
6192
+ .e-pv-text-comparison #pdf-comparer-right.mobile {
6193
+ -ms-flex: 1;
6194
+ flex: 1;
6195
+ height: 50%;
6196
+ }
6197
+ .e-pv-text-comparison .e-pv-pdf-comparer-mobile-panel {
6198
+ background-color: #fff;
6199
+ height: 100%;
6200
+ overflow: auto;
6201
+ position: absolute;
6202
+ top: 0;
6203
+ width: 100%;
6204
+ }
6205
+ .e-pv-text-comparison #pdf-comparer-mobile-buttons {
6206
+ background-color: #f8f9fa;
6207
+ border: 1px solid #e0e0e0;
6208
+ box-sizing: border-box;
6209
+ gap: 8px;
6210
+ height: 50px;
6211
+ padding: 8px;
6212
+ width: 100%;
6213
+ }
6214
+ .e-pv-text-comparison #pdf-comparer-show-changes-btn {
6215
+ cursor: pointer;
6216
+ -ms-flex: 1;
6217
+ flex: 1;
6218
+ }
6219
+ .e-pv-text-comparison #pdf-comparer-show-changes-btn:disabled {
6220
+ cursor: not-allowed;
6221
+ opacity: 0.5;
6222
+ }
6223
+ .e-pv-text-comparison .e-pv-difference-panel-header {
6224
+ -ms-flex-align: center;
6225
+ align-items: center;
6226
+ background-color: #f8f9fa;
6227
+ border: 1px solid #e0e0e0;
6228
+ box-sizing: border-box;
6229
+ display: -ms-flexbox;
6230
+ display: flex;
6231
+ -ms-flex-negative: 0;
6232
+ flex-shrink: 0;
6233
+ height: auto;
6234
+ -ms-flex-pack: justify;
6235
+ justify-content: space-between;
6236
+ min-height: 40px;
6237
+ padding: 8px;
6238
+ width: 100%;
6239
+ color: #fff;
6240
+ }
6241
+ .e-pv-text-comparison .e-pv-difference-panel-header.sticky {
6242
+ position: sticky;
6243
+ top: 0;
6244
+ z-index: 1;
6245
+ }
6246
+ .e-pv-text-comparison .e-pv-difference-panel-header h3 {
6247
+ -ms-flex: 1;
6248
+ flex: 1;
6249
+ font-size: 14px;
6250
+ font-weight: 600;
6251
+ line-height: 20px;
6252
+ margin: 0;
6253
+ color: #212529;
6254
+ }
6255
+ .e-pv-text-comparison #mobile-close-btn-element {
6256
+ background: none !important; /* stylelint-disable-line declaration-no-important */
6257
+ box-shadow: none;
6258
+ border: none;
6259
+ color: #212529;
6260
+ margin-right: 8px;
6261
+ }
6262
+ .e-pv-text-comparison .e-pv-difference-card {
6263
+ cursor: pointer;
6264
+ display: -ms-flexbox;
6265
+ display: flex;
6266
+ -ms-flex-direction: column;
6267
+ flex-direction: column;
6268
+ margin-bottom: 8px;
6269
+ width: 100%;
6270
+ }
6271
+ .e-pv-text-comparison .e-pv-highlight-toggle-container {
6272
+ -ms-flex-align: center;
6273
+ align-items: center;
6274
+ background: #f8f9fa;
6275
+ border-bottom: 1px solid #e0e0e0;
6276
+ box-sizing: border-box;
6277
+ display: -ms-flexbox;
6278
+ display: flex;
6279
+ -ms-flex-negative: 0;
6280
+ flex-shrink: 0;
6281
+ gap: 8px;
6282
+ height: 40px;
6283
+ -ms-flex-pack: start;
6284
+ justify-content: flex-start;
6285
+ padding: 12px 16px;
6286
+ width: 100%;
6287
+ }
6288
+ .e-pv-text-comparison .e-pv-highlight-toggle-container label .e-label {
6289
+ font-size: 14px;
6290
+ font-weight: 500;
6291
+ line-height: 20px;
6292
+ color: #212529;
6293
+ }
6294
+ .e-pv-text-comparison .e-checkbox-wrapper .e-frame.e-check,
6295
+ .e-pv-text-comparison .e-css.e-checkbox-wrapper .e-frame.e-check {
6296
+ background-color: #3088ed;
6297
+ border-color: #3088ed;
6298
+ }
6299
+ .e-pv-text-comparison .e-checkbox-wrapper .e-ripple-element {
6300
+ background-color: #3088ed !important; /* stylelint-disable-line declaration-no-important */
6301
+ opacity: 0.2 !important; /* stylelint-disable-line declaration-no-important */
6302
+ }
6303
+ .e-pv-text-comparison .e-pv-panel-wrapper {
6304
+ background: #f8f9fa;
6305
+ border: 1px solid #e0e0e0;
6306
+ display: -ms-flexbox;
6307
+ display: flex;
6308
+ -ms-flex: 1;
6309
+ flex: 1;
6310
+ -ms-flex-direction: column;
6311
+ flex-direction: column;
6312
+ height: 100%;
6313
+ min-height: 0;
6314
+ min-width: 0;
6315
+ overflow: hidden;
6316
+ width: 100%;
6317
+ }
6318
+ .e-pv-text-comparison .e-pv-differences-list {
6319
+ -ms-flex: 1;
6320
+ flex: 1;
6321
+ min-height: 0;
6322
+ overflow-y: auto;
6323
+ padding: 8px;
6324
+ }
6325
+ .e-pv-text-comparison .e-pv-difference-card {
6326
+ background: #f8f9fa;
6327
+ border: 1px solid #e0e0e0;
6328
+ border-radius: 4px;
6329
+ transition: all 0.2s ease;
6330
+ }
6331
+ .e-pv-text-comparison .e-pv-difference-card:hover {
6332
+ border-color: #fff;
6333
+ box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
6334
+ }
6335
+ .e-pv-text-comparison .e-pv-diff-header-row {
6336
+ -ms-flex-align: center;
6337
+ align-items: center;
6338
+ background: #f8f9fa;
6339
+ border-bottom: 1px solid #e0e0e0;
6340
+ box-sizing: border-box;
6341
+ display: -ms-flexbox;
6342
+ display: flex;
6343
+ -ms-flex-negative: 0;
6344
+ flex-shrink: 0;
6345
+ height: 32px;
6346
+ -ms-flex-pack: justify;
6347
+ justify-content: space-between;
6348
+ margin-bottom: 8px;
6349
+ padding: 0 8px;
6350
+ width: 100%;
6351
+ }
6352
+ .e-pv-text-comparison .e-pv-diff-badge {
6353
+ -ms-flex-align: center;
6354
+ align-items: center;
6355
+ display: -ms-inline-flexbox;
6356
+ display: inline-flex;
6357
+ -ms-flex-negative: 0;
6358
+ flex-shrink: 0;
6359
+ font-size: 12px;
6360
+ font-weight: 600;
6361
+ height: 18px;
6362
+ -ms-flex-pack: left;
6363
+ justify-content: left;
6364
+ line-height: 16px;
6365
+ width: 53px;
6366
+ color: #212529;
6367
+ }
6368
+ .e-pv-text-comparison .e-pv-diff-content {
6369
+ display: -ms-flexbox;
6370
+ display: flex;
6371
+ -ms-flex-direction: column;
6372
+ flex-direction: column;
6373
+ padding: 0;
6374
+ }
6375
+ .e-pv-text-comparison .e-pv-diff-old-text,
6376
+ .e-pv-text-comparison .e-pv-diff-new-text {
6377
+ border-radius: 2px;
6378
+ box-sizing: border-box;
6379
+ font-size: 12px;
6380
+ line-height: 16px;
6381
+ margin: 0 8px 8px;
6382
+ overflow: hidden;
6383
+ padding: 6px;
6384
+ width: calc(100% - 16px);
6385
+ }
6386
+ .e-pv-text-comparison .e-pv-diff-old-text {
6387
+ background-color: #f8d7da;
6388
+ text-decoration: line-through;
6389
+ }
6390
+ .e-pv-text-comparison .e-pv-diff-new-text {
6391
+ background-color: #d1e7dd;
6392
+ }
6393
+ .e-pv-text-comparison .e-pv-diff-old-text del {
6394
+ color: #a80000;
6395
+ text-decoration: line-through;
6396
+ }
6397
+ .e-pv-text-comparison .e-pv-diff-new-text .e-pv-added {
6398
+ color: rgb(24, 169, 85);
6399
+ }
6400
+ .e-pv-text-comparison .e-pv-diff-page-info {
6401
+ background: transparent;
6402
+ -ms-flex-negative: 0;
6403
+ flex-shrink: 0;
6404
+ font-size: 12px;
6405
+ height: 18px;
6406
+ line-height: 16px;
6407
+ margin: 0;
6408
+ text-align: right;
6409
+ color: #212529;
6410
+ }
6411
+ .e-pv-hidden {
6412
+ display: none !important; /* stylelint-disable-line declaration-no-important */
6413
+ }
6414
+ .e-pv-text-comparison #pdf-comparer-spinner-container {
6415
+ position: absolute;
6416
+ top: 50%;
6417
+ left: 50%;
6418
+ transform: translate(-50%, -50%);
6419
+ z-index: -1;
6420
+ height: 100%;
6421
+ width: 100%;
6422
+ background-color: rgba(0, 0, 0, 0.3);
6423
+ }
6424
+ .e-pv-text-comparison #pdf-comparer-spinner-container .e-spin-bootstrap5 {
6425
+ height: 48px !important; /* stylelint-disable-line declaration-no-important */
6426
+ width: 48px !important; /* stylelint-disable-line declaration-no-important */
6427
+ transform-origin: 50% !important; /* stylelint-disable-line declaration-no-important */
6428
+ }
6429
+ .e-pv-text-comparison #pdf-comparer-spinner-container.e-pv-show-spinner {
6430
+ z-index: 1000;
6431
+ }
6432
+ @media (max-width: 1024px) {
6433
+ .e-pv-text-comparison#pdf-comparer-wrapper.mobile-layout {
6434
+ display: -ms-flexbox !important;
6435
+ display: flex !important; /* stylelint-disable-line declaration-no-important */
6436
+ -ms-flex-direction: column !important;
6437
+ flex-direction: column !important; /* stylelint-disable-line declaration-no-important */
6438
+ height: 100% !important; /* stylelint-disable-line declaration-no-important */
6439
+ position: relative !important; /* stylelint-disable-line declaration-no-important */
6440
+ width: 100% !important; /* stylelint-disable-line declaration-no-important */
6441
+ }
6442
+ .e-pv-text-comparison #pdf-comparer-viewers-container.mobile {
6443
+ display: -ms-flexbox;
6444
+ display: flex;
6445
+ -ms-flex: 1;
6446
+ flex: 1;
6447
+ -ms-flex-direction: column;
6448
+ flex-direction: column;
6449
+ height: calc(100% - 50px);
6450
+ width: 100%;
6451
+ }
6452
+ .e-pv-text-comparison #pdf-comparer-left.mobile,
6453
+ .e-pv-text-comparison #pdf-comparer-right.mobile {
6454
+ -ms-flex: 1;
6455
+ flex: 1;
6456
+ height: 50%;
6457
+ width: 100%;
6458
+ }
6459
+ .e-pv-text-comparison #pdf-comparer-mobile-buttons {
6460
+ display: -ms-flexbox !important;
6461
+ display: flex !important; /* stylelint-disable-line declaration-no-important */
6462
+ }
6463
+ .e-pv-text-comparison .e-pv-pdf-comparer-mobile-panel {
6464
+ display: block;
6465
+ }
6466
+ .e-pv-text-comparison .e-pv-panel-wrapper {
6467
+ display: -ms-flexbox !important;
6468
+ display: flex !important; /* stylelint-disable-line declaration-no-important */
6469
+ -ms-flex-direction: column !important;
6470
+ flex-direction: column !important; /* stylelint-disable-line declaration-no-important */
6471
+ height: 100% !important; /* stylelint-disable-line declaration-no-important */
6472
+ min-height: 0;
6473
+ min-width: 0;
6474
+ width: 100% !important; /* stylelint-disable-line declaration-no-important */
6475
+ }
6476
+ .e-pv-text-comparison .e-pv-difference-panel-header {
6477
+ display: -ms-flexbox !important;
6478
+ display: flex !important; /* stylelint-disable-line declaration-no-important */
6479
+ -ms-flex-negative: 0;
6480
+ flex-shrink: 0;
6481
+ }
6482
+ .e-pv-text-comparison .e-pv-difference-panel-header .e-btn {
6483
+ -ms-flex-align: center;
6484
+ align-items: center;
6485
+ display: -ms-inline-flexbox;
6486
+ display: inline-flex;
6487
+ -ms-flex-pack: center;
6488
+ justify-content: center;
6489
+ }
6490
+ .e-pv-text-comparison .e-pv-differences-list {
6491
+ -ms-flex: 1 !important;
6492
+ flex: 1 !important; /* stylelint-disable-line declaration-no-important */
6493
+ overflow-x: hidden;
6494
+ overflow-y: auto !important; /* stylelint-disable-line declaration-no-important */
6495
+ }
5451
6496
  }