@syncfusion/blazor-themes 26.2.5 → 26.2.8

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 (161) hide show
  1. package/SCSS-Themes/bds-dark.scss +188 -30
  2. package/SCSS-Themes/bds.scss +188 -30
  3. package/SCSS-Themes/bootstrap-dark.scss +190 -32
  4. package/SCSS-Themes/bootstrap.scss +190 -32
  5. package/SCSS-Themes/bootstrap4.scss +190 -32
  6. package/SCSS-Themes/bootstrap5-dark.scss +190 -32
  7. package/SCSS-Themes/bootstrap5.scss +190 -32
  8. package/SCSS-Themes/buttons/radio-button/bds-dark.scss +6 -0
  9. package/SCSS-Themes/buttons/radio-button/bds.scss +6 -0
  10. package/SCSS-Themes/buttons/radio-button/bootstrap-dark.scss +6 -0
  11. package/SCSS-Themes/buttons/radio-button/bootstrap.scss +6 -0
  12. package/SCSS-Themes/buttons/radio-button/bootstrap4.scss +6 -0
  13. package/SCSS-Themes/buttons/radio-button/bootstrap5-dark.scss +6 -0
  14. package/SCSS-Themes/buttons/radio-button/bootstrap5.scss +6 -0
  15. package/SCSS-Themes/buttons/radio-button/fabric-dark.scss +6 -0
  16. package/SCSS-Themes/buttons/radio-button/fabric.scss +6 -0
  17. package/SCSS-Themes/buttons/radio-button/fluent-dark.scss +6 -0
  18. package/SCSS-Themes/buttons/radio-button/fluent.scss +6 -0
  19. package/SCSS-Themes/buttons/radio-button/fluent2-dark.scss +6 -0
  20. package/SCSS-Themes/buttons/radio-button/fluent2.scss +6 -0
  21. package/SCSS-Themes/buttons/radio-button/highcontrast.scss +6 -0
  22. package/SCSS-Themes/buttons/radio-button/material-dark.scss +6 -0
  23. package/SCSS-Themes/buttons/radio-button/material.scss +6 -0
  24. package/SCSS-Themes/buttons/radio-button/material3-dark.scss +8 -2
  25. package/SCSS-Themes/buttons/radio-button/material3.scss +8 -2
  26. package/SCSS-Themes/buttons/radio-button/tailwind-dark.scss +6 -0
  27. package/SCSS-Themes/buttons/radio-button/tailwind.scss +6 -0
  28. package/SCSS-Themes/documenteditor/document-editor/bds-dark.scss +2 -1
  29. package/SCSS-Themes/documenteditor/document-editor/bds.scss +2 -1
  30. package/SCSS-Themes/documenteditor/document-editor/bootstrap-dark.scss +2 -1
  31. package/SCSS-Themes/documenteditor/document-editor/bootstrap.scss +2 -1
  32. package/SCSS-Themes/documenteditor/document-editor/bootstrap4.scss +2 -1
  33. package/SCSS-Themes/documenteditor/document-editor/bootstrap5-dark.scss +2 -1
  34. package/SCSS-Themes/documenteditor/document-editor/bootstrap5.scss +2 -1
  35. package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss +2 -1
  36. package/SCSS-Themes/documenteditor/document-editor/fabric.scss +2 -1
  37. package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss +2 -1
  38. package/SCSS-Themes/documenteditor/document-editor/fluent.scss +2 -1
  39. package/SCSS-Themes/documenteditor/document-editor/fluent2-dark.scss +4 -3
  40. package/SCSS-Themes/documenteditor/document-editor/fluent2.scss +4 -3
  41. package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss +2 -1
  42. package/SCSS-Themes/documenteditor/document-editor/material-dark.scss +2 -1
  43. package/SCSS-Themes/documenteditor/document-editor/material.scss +2 -1
  44. package/SCSS-Themes/documenteditor/document-editor/material3-dark.scss +2 -1
  45. package/SCSS-Themes/documenteditor/document-editor/material3.scss +2 -1
  46. package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss +2 -1
  47. package/SCSS-Themes/documenteditor/document-editor/tailwind.scss +2 -1
  48. package/SCSS-Themes/documenteditor/document-editor-container/bds-dark.scss +16 -3
  49. package/SCSS-Themes/documenteditor/document-editor-container/bds.scss +16 -3
  50. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss +16 -3
  51. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss +16 -3
  52. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss +16 -3
  53. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss +16 -3
  54. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss +16 -3
  55. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss +16 -3
  56. package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss +16 -3
  57. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss +16 -3
  58. package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss +16 -3
  59. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark.scss +16 -3
  60. package/SCSS-Themes/documenteditor/document-editor-container/fluent2.scss +16 -3
  61. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss +16 -3
  62. package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss +16 -3
  63. package/SCSS-Themes/documenteditor/document-editor-container/material.scss +16 -3
  64. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss +16 -3
  65. package/SCSS-Themes/documenteditor/document-editor-container/material3.scss +16 -3
  66. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss +16 -3
  67. package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss +16 -3
  68. package/SCSS-Themes/fabric-dark.scss +190 -32
  69. package/SCSS-Themes/fabric.scss +190 -32
  70. package/SCSS-Themes/fluent-dark.scss +190 -32
  71. package/SCSS-Themes/fluent.scss +190 -32
  72. package/SCSS-Themes/fluent2-dark.scss +192 -34
  73. package/SCSS-Themes/fluent2.scss +192 -34
  74. package/SCSS-Themes/highcontrast.scss +190 -32
  75. package/SCSS-Themes/material-dark.scss +190 -32
  76. package/SCSS-Themes/material.scss +190 -32
  77. package/SCSS-Themes/material3-dark.scss +192 -34
  78. package/SCSS-Themes/material3.scss +192 -34
  79. package/SCSS-Themes/pdfviewer/pdfviewer/bds-dark.scss +94 -19
  80. package/SCSS-Themes/pdfviewer/pdfviewer/bds.scss +94 -19
  81. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +94 -19
  82. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +94 -19
  83. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +94 -19
  84. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +94 -19
  85. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +94 -19
  86. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +94 -19
  87. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +94 -19
  88. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +94 -19
  89. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +94 -19
  90. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2-dark.scss +94 -19
  91. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2.scss +94 -19
  92. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +94 -19
  93. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +94 -19
  94. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +94 -19
  95. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +94 -19
  96. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +94 -19
  97. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +94 -19
  98. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +94 -19
  99. package/SCSS-Themes/pivotview/pivotview/bds-dark.scss +10 -0
  100. package/SCSS-Themes/pivotview/pivotview/bds.scss +10 -0
  101. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +10 -0
  102. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +10 -0
  103. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +10 -0
  104. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +10 -0
  105. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +10 -0
  106. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +10 -0
  107. package/SCSS-Themes/pivotview/pivotview/fabric.scss +10 -0
  108. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +10 -0
  109. package/SCSS-Themes/pivotview/pivotview/fluent.scss +10 -0
  110. package/SCSS-Themes/pivotview/pivotview/fluent2-dark.scss +10 -0
  111. package/SCSS-Themes/pivotview/pivotview/fluent2.scss +10 -0
  112. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +10 -0
  113. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +10 -0
  114. package/SCSS-Themes/pivotview/pivotview/material.scss +10 -0
  115. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +10 -0
  116. package/SCSS-Themes/pivotview/pivotview/material3.scss +10 -0
  117. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +10 -0
  118. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +10 -0
  119. package/SCSS-Themes/ribbon/ribbon/bds-dark.scss +32 -4
  120. package/SCSS-Themes/ribbon/ribbon/bds.scss +32 -4
  121. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +34 -6
  122. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +34 -6
  123. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +34 -6
  124. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +34 -6
  125. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +34 -6
  126. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +34 -6
  127. package/SCSS-Themes/ribbon/ribbon/fabric.scss +34 -6
  128. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +34 -6
  129. package/SCSS-Themes/ribbon/ribbon/fluent.scss +34 -6
  130. package/SCSS-Themes/ribbon/ribbon/fluent2-dark.scss +34 -6
  131. package/SCSS-Themes/ribbon/ribbon/fluent2.scss +34 -6
  132. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +34 -6
  133. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +34 -6
  134. package/SCSS-Themes/ribbon/ribbon/material.scss +34 -6
  135. package/SCSS-Themes/ribbon/ribbon/material3-dark.scss +34 -6
  136. package/SCSS-Themes/ribbon/ribbon/material3.scss +34 -6
  137. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +34 -6
  138. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +34 -6
  139. package/SCSS-Themes/tailwind-dark.scss +190 -32
  140. package/SCSS-Themes/tailwind.scss +190 -32
  141. package/SCSS-Themes/treegrid/treegrid/bds-dark.scss +28 -3
  142. package/SCSS-Themes/treegrid/treegrid/bds.scss +28 -3
  143. package/SCSS-Themes/treegrid/treegrid/bootstrap-dark.scss +28 -3
  144. package/SCSS-Themes/treegrid/treegrid/bootstrap.scss +28 -3
  145. package/SCSS-Themes/treegrid/treegrid/bootstrap4.scss +28 -3
  146. package/SCSS-Themes/treegrid/treegrid/bootstrap5-dark.scss +28 -3
  147. package/SCSS-Themes/treegrid/treegrid/bootstrap5.scss +28 -3
  148. package/SCSS-Themes/treegrid/treegrid/fabric-dark.scss +28 -3
  149. package/SCSS-Themes/treegrid/treegrid/fabric.scss +28 -3
  150. package/SCSS-Themes/treegrid/treegrid/fluent-dark.scss +28 -3
  151. package/SCSS-Themes/treegrid/treegrid/fluent.scss +28 -3
  152. package/SCSS-Themes/treegrid/treegrid/fluent2-dark.scss +28 -3
  153. package/SCSS-Themes/treegrid/treegrid/fluent2.scss +28 -3
  154. package/SCSS-Themes/treegrid/treegrid/highcontrast.scss +28 -3
  155. package/SCSS-Themes/treegrid/treegrid/material-dark.scss +28 -3
  156. package/SCSS-Themes/treegrid/treegrid/material.scss +28 -3
  157. package/SCSS-Themes/treegrid/treegrid/material3-dark.scss +28 -3
  158. package/SCSS-Themes/treegrid/treegrid/material3.scss +28 -3
  159. package/SCSS-Themes/treegrid/treegrid/tailwind-dark.scss +28 -3
  160. package/SCSS-Themes/treegrid/treegrid/tailwind.scss +28 -3
  161. package/package.json +1 -1
@@ -3780,6 +3780,18 @@ $lg-desktop: 1399.98;
3780
3780
  }
3781
3781
  }
3782
3782
 
3783
+ .e-bigger .e-pv-properties-line-thickness-container .e-input,
3784
+ .e-bigger .e-pv-properties-line-start-container .e-dropdown-btn,
3785
+ .e-bigger .e-pv-properties-line-end-container .e-dropdown-btn,
3786
+ .e-bigger .e-pv-properties-line-style-container .e-dropdown-btn,
3787
+ .e-bigger .e-pv-properties-line-start-container .e-input,
3788
+ .e-bigger .e-pv-properties-line-end-container .e-input,
3789
+ .e-bigger .e-pv-properties-line-style-container .e-input {
3790
+ @if ($theme-name == 'fluent2'){
3791
+ height: 40px !important;/* stylelint-disable-line declaration-no-important */
3792
+ }
3793
+ }
3794
+
3783
3795
  .e-pv-properties-line-leader-length-container {
3784
3796
  @if ($theme-name == 'fluent2') {
3785
3797
  margin-top: 10px;
@@ -4903,7 +4915,8 @@ $lg-desktop: 1399.98;
4903
4915
 
4904
4916
  .e-bigger .e-menu-icon.e-pv-stamp-icon.e-pv-icon {
4905
4917
  @if $theme-name=='fluent2' {
4906
- margin-right: 22px !important;/* stylelint-disable-line declaration-no-important */
4918
+ margin-right: 16px !important;/* stylelint-disable-line declaration-no-important */
4919
+ margin-top: -8px;
4907
4920
  }
4908
4921
  }
4909
4922
 
@@ -4931,6 +4944,12 @@ $lg-desktop: 1399.98;
4931
4944
  }
4932
4945
  }
4933
4946
 
4947
+ .e-bigger .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
4948
+ @if ($skin-name == 'fluent2') {
4949
+ margin-top: -8px;
4950
+ }
4951
+ }
4952
+
4934
4953
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
4935
4954
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
4936
4955
  @if ($skin-name == 'fluent2') {
@@ -4938,6 +4957,13 @@ $lg-desktop: 1399.98;
4938
4957
  }
4939
4958
  }
4940
4959
 
4960
+ .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
4961
+ .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
4962
+ @if ($skin-name == 'fluent2') {
4963
+ margin-top: -8px;
4964
+ }
4965
+ }
4966
+
4941
4967
  .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
4942
4968
  .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
4943
4969
  .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
@@ -5065,6 +5091,13 @@ $lg-desktop: 1399.98;
5065
5091
  }
5066
5092
  }
5067
5093
 
5094
+ .e-bigger .e-pv-accordion-container.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
5095
+ .e-bigger .e-pv-accordion-content-container .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
5096
+ @if $theme-name == 'fluent2' {
5097
+ font-size: 14px;
5098
+ }
5099
+ }
5100
+
5068
5101
  .e-content-placeholder.e-pdfviewer.e-placeholder-pdfviewer {
5069
5102
  background-size: 100%;
5070
5103
  }
@@ -5101,6 +5134,14 @@ $lg-desktop: 1399.98;
5101
5134
  min-height: 32px;
5102
5135
  }
5103
5136
  }
5137
+
5138
+ .e-pv-signature-dialog-height .e-pv-clearbtn:disabled,
5139
+ .e-pv-signature-dialog-height .e-pv-createbtn:disabled {
5140
+ @if ($theme-name == 'fluent2') {
5141
+ border-color: var(--color-sf-primary-border-color-disabled) !important;/* stylelint-disable-line declaration-no-important */
5142
+ }
5143
+ }
5144
+
5104
5145
  .e-pv-signature-dialog-height .e-pv-cancelbtn{
5105
5146
  @if $skin-name != 'Material3' {
5106
5147
  height: 32px;
@@ -5486,6 +5527,15 @@ $lg-desktop: 1399.98;
5486
5527
  }
5487
5528
  }
5488
5529
 
5530
+ .e-pv-properties-form-field-name-main-div .e-float-text,
5531
+ .e-pv-properties-form-field-tooltip-main-div .e-float-text,
5532
+ .e-pv-properties-form-field-value-main-div .e-float-text,
5533
+ .e-pv-properties-form-field-visibility-main-div .e-float-text {
5534
+ @if $theme-name == 'fluent2' {
5535
+ padding-left: 0 !important;/* stylelint-disable-line declaration-no-important */
5536
+ }
5537
+ }
5538
+
5489
5539
  .e-pv-properties-text-edit-prop {
5490
5540
  @if $skin-name == 'FluentUI' {
5491
5541
  padding-top: 35px;
@@ -5524,6 +5574,28 @@ $lg-desktop: 1399.98;
5524
5574
  .e-pv-center-align-icon-div,
5525
5575
  .e-pv-right-align-icon-div {
5526
5576
  padding: $pv-formfield-properties-icon-align-padding;
5577
+ @if ($theme-name == 'fluent2') {
5578
+ width: 32px;
5579
+ }
5580
+ }
5581
+
5582
+ .e-bigger .e-pv-bold-icon-div,
5583
+ .e-bigger .e-pv-italic-icon-div,
5584
+ .e-bigger .e-pv-strikeout-icon-div,
5585
+ .e-bigger .e-pv-underlinetext-icon-div, {
5586
+ padding: 4px 10px;
5587
+ @if ($theme-name == 'fluent2') {
5588
+ width: 40px;
5589
+ }
5590
+ }
5591
+
5592
+ .e-bigger .e-pv-left-align-icon-div,
5593
+ .e-bigger .e-pv-center-align-icon-div,
5594
+ .e-bigger .e-pv-right-align-icon-div {
5595
+ padding: 4px 10px;
5596
+ @if ($theme-name == 'fluent2') {
5597
+ width: 38.5px;
5598
+ }
5527
5599
  }
5528
5600
 
5529
5601
  .e-pv-bold-icon-div:hover,
@@ -5534,7 +5606,9 @@ $lg-desktop: 1399.98;
5534
5606
  .e-pv-center-align-icon-div:hover,
5535
5607
  .e-pv-right-align-icon-div:hover {
5536
5608
  @if ($skin-name != 'Material3' and $skin-name != 'bootstrap5') {
5537
- background-color: $pv-annotation-dropdown-background-color-hover;
5609
+ @if ($theme-name != 'fluent2') {
5610
+ background-color: $pv-annotation-dropdown-background-color-hover;
5611
+ }
5538
5612
  border-color: $pv-annotation-dropdown-border-color-hover;
5539
5613
  }
5540
5614
  @if ($skin-name == 'bootstrap5') {
@@ -5665,6 +5739,9 @@ $lg-desktop: 1399.98;
5665
5739
  @if ($skin-name == 'Material3') {
5666
5740
  padding: 20px 15px 6px 0;
5667
5741
  }
5742
+ @if ($theme-name == 'fluent2') {
5743
+ padding: 15px;
5744
+ }
5668
5745
  @else {
5669
5746
  padding: 15px 15px 15px 1px;
5670
5747
  }
@@ -5852,6 +5929,7 @@ $lg-desktop: 1399.98;
5852
5929
  }
5853
5930
  @if ($theme-name == 'fluent2') {
5854
5931
  min-height: 555px !important;/* stylelint-disable-line declaration-no-important */
5932
+ max-width: 525px !important;/* stylelint-disable-line declaration-no-important */
5855
5933
  }
5856
5934
  }
5857
5935
 
@@ -5859,12 +5937,13 @@ $lg-desktop: 1399.98;
5859
5937
  @if ($theme-name == 'fluent2') {
5860
5938
  width: $pv-properties-form-field-win-max-width !important;/* stylelint-disable-line declaration-no-important */
5861
5939
  margin-left: -20px !important;/* stylelint-disable-line declaration-no-important */
5940
+ border-bottom: 1px solid var(--color-sf-border-light);
5862
5941
  }
5863
5942
  }
5864
5943
 
5865
5944
  .e-pv-properties-form-field-window .e-dlg-content .e-tab-header .e-toolbar-items {
5866
5945
  @if ($theme-name == 'fluent2') {
5867
- margin-left: 34px;
5946
+ margin-left: 18px;
5868
5947
  }
5869
5948
  }
5870
5949
 
@@ -6107,7 +6186,9 @@ $lg-desktop: 1399.98;
6107
6186
  height: 36px;
6108
6187
  width: 154px;
6109
6188
  }
6110
- justify-content: space-evenly;
6189
+ @if ($theme-name != 'fluent2') {
6190
+ justify-content: space-evenly;
6191
+ }
6111
6192
  @if ($skin-name == 'bootstrap5') {
6112
6193
  align-items: center;
6113
6194
  border: 1px solid $border-light;
@@ -6155,7 +6236,9 @@ $lg-desktop: 1399.98;
6155
6236
  height: 36px;
6156
6237
  width: 120px;
6157
6238
  }
6158
- justify-content: space-evenly;
6239
+ @if ($theme-name != 'fluent2') {
6240
+ justify-content: space-evenly;
6241
+ }
6159
6242
  margin-right: 15px;
6160
6243
  @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
6161
6244
  align-items: center;
@@ -6184,7 +6267,9 @@ $lg-desktop: 1399.98;
6184
6267
  }
6185
6268
  display: flex;
6186
6269
  height: 36px;
6187
- justify-content: space-evenly;
6270
+ @if ($theme-name != 'fluent2') {
6271
+ justify-content: space-evenly;
6272
+ }
6188
6273
  width: 154px;
6189
6274
  @if ($skin-name == 'bootstrap5') {
6190
6275
  align-items: center;
@@ -6218,7 +6303,9 @@ $lg-desktop: 1399.98;
6218
6303
  }
6219
6304
  display: flex;
6220
6305
  height: 36px;
6221
- justify-content: space-evenly;
6306
+ @if ($theme-name != 'fluent2') {
6307
+ justify-content: space-evenly;
6308
+ }
6222
6309
  margin-right: 15px;
6223
6310
  width: 120px;
6224
6311
  @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
@@ -6363,12 +6450,6 @@ $lg-desktop: 1399.98;
6363
6450
  }
6364
6451
  }
6365
6452
 
6366
- .e-bigger .e-pv-signature-apperance .e-float-input.e-control-wrapper.e-input-group {
6367
- @if ($theme-name=='fluent2') {
6368
- margin-left: 6.4%;
6369
- }
6370
- }
6371
-
6372
6453
  .e-pv-signature-apperance .e-checkbox-wrapper{
6373
6454
  @if ($theme-name == 'fluent2') {
6374
6455
  margin-left: $pv-toolbar-btn-height;
@@ -6522,12 +6603,6 @@ $lg-desktop: 1399.98;
6522
6603
  }
6523
6604
  }
6524
6605
 
6525
- .e-bigger .e-pv-canvas-signature {
6526
- @if $theme-name =='fluent2' {
6527
- margin-left: 5.65%;
6528
- }
6529
- }
6530
-
6531
6606
  .e-pv-sign-upload{
6532
6607
  @if $theme-name =='fluent2' {
6533
6608
  left: 44.5% !important;/* stylelint-disable-line declaration-no-important */
@@ -3783,6 +3783,18 @@ $lg-desktop: 1399.98;
3783
3783
  }
3784
3784
  }
3785
3785
 
3786
+ .e-bigger .e-pv-properties-line-thickness-container .e-input,
3787
+ .e-bigger .e-pv-properties-line-start-container .e-dropdown-btn,
3788
+ .e-bigger .e-pv-properties-line-end-container .e-dropdown-btn,
3789
+ .e-bigger .e-pv-properties-line-style-container .e-dropdown-btn,
3790
+ .e-bigger .e-pv-properties-line-start-container .e-input,
3791
+ .e-bigger .e-pv-properties-line-end-container .e-input,
3792
+ .e-bigger .e-pv-properties-line-style-container .e-input {
3793
+ @if ($theme-name == 'fluent2'){
3794
+ height: 40px !important;/* stylelint-disable-line declaration-no-important */
3795
+ }
3796
+ }
3797
+
3786
3798
  .e-pv-properties-line-leader-length-container {
3787
3799
  @if ($theme-name == 'fluent2') {
3788
3800
  margin-top: 10px;
@@ -4906,7 +4918,8 @@ $lg-desktop: 1399.98;
4906
4918
 
4907
4919
  .e-bigger .e-menu-icon.e-pv-stamp-icon.e-pv-icon {
4908
4920
  @if $theme-name=='fluent2' {
4909
- margin-right: 22px !important;/* stylelint-disable-line declaration-no-important */
4921
+ margin-right: 16px !important;/* stylelint-disable-line declaration-no-important */
4922
+ margin-top: -8px;
4910
4923
  }
4911
4924
  }
4912
4925
 
@@ -4934,6 +4947,12 @@ $lg-desktop: 1399.98;
4934
4947
  }
4935
4948
  }
4936
4949
 
4950
+ .e-bigger .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
4951
+ @if ($skin-name == 'fluent2') {
4952
+ margin-top: -8px;
4953
+ }
4954
+ }
4955
+
4937
4956
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
4938
4957
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
4939
4958
  @if ($skin-name == 'fluent2') {
@@ -4941,6 +4960,13 @@ $lg-desktop: 1399.98;
4941
4960
  }
4942
4961
  }
4943
4962
 
4963
+ .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
4964
+ .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
4965
+ @if ($skin-name == 'fluent2') {
4966
+ margin-top: -8px;
4967
+ }
4968
+ }
4969
+
4944
4970
  .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
4945
4971
  .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
4946
4972
  .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
@@ -5068,6 +5094,13 @@ $lg-desktop: 1399.98;
5068
5094
  }
5069
5095
  }
5070
5096
 
5097
+ .e-bigger .e-pv-accordion-container.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
5098
+ .e-bigger .e-pv-accordion-content-container .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
5099
+ @if $theme-name == 'fluent2' {
5100
+ font-size: 14px;
5101
+ }
5102
+ }
5103
+
5071
5104
  .e-content-placeholder.e-pdfviewer.e-placeholder-pdfviewer {
5072
5105
  background-size: 100%;
5073
5106
  }
@@ -5104,6 +5137,14 @@ $lg-desktop: 1399.98;
5104
5137
  min-height: 32px;
5105
5138
  }
5106
5139
  }
5140
+
5141
+ .e-pv-signature-dialog-height .e-pv-clearbtn:disabled,
5142
+ .e-pv-signature-dialog-height .e-pv-createbtn:disabled {
5143
+ @if ($theme-name == 'fluent2') {
5144
+ border-color: var(--color-sf-primary-border-color-disabled) !important;/* stylelint-disable-line declaration-no-important */
5145
+ }
5146
+ }
5147
+
5107
5148
  .e-pv-signature-dialog-height .e-pv-cancelbtn{
5108
5149
  @if $skin-name != 'Material3' {
5109
5150
  height: 32px;
@@ -5489,6 +5530,15 @@ $lg-desktop: 1399.98;
5489
5530
  }
5490
5531
  }
5491
5532
 
5533
+ .e-pv-properties-form-field-name-main-div .e-float-text,
5534
+ .e-pv-properties-form-field-tooltip-main-div .e-float-text,
5535
+ .e-pv-properties-form-field-value-main-div .e-float-text,
5536
+ .e-pv-properties-form-field-visibility-main-div .e-float-text {
5537
+ @if $theme-name == 'fluent2' {
5538
+ padding-left: 0 !important;/* stylelint-disable-line declaration-no-important */
5539
+ }
5540
+ }
5541
+
5492
5542
  .e-pv-properties-text-edit-prop {
5493
5543
  @if $skin-name == 'FluentUI' {
5494
5544
  padding-top: 35px;
@@ -5527,6 +5577,28 @@ $lg-desktop: 1399.98;
5527
5577
  .e-pv-center-align-icon-div,
5528
5578
  .e-pv-right-align-icon-div {
5529
5579
  padding: $pv-formfield-properties-icon-align-padding;
5580
+ @if ($theme-name == 'fluent2') {
5581
+ width: 32px;
5582
+ }
5583
+ }
5584
+
5585
+ .e-bigger .e-pv-bold-icon-div,
5586
+ .e-bigger .e-pv-italic-icon-div,
5587
+ .e-bigger .e-pv-strikeout-icon-div,
5588
+ .e-bigger .e-pv-underlinetext-icon-div, {
5589
+ padding: 4px 10px;
5590
+ @if ($theme-name == 'fluent2') {
5591
+ width: 40px;
5592
+ }
5593
+ }
5594
+
5595
+ .e-bigger .e-pv-left-align-icon-div,
5596
+ .e-bigger .e-pv-center-align-icon-div,
5597
+ .e-bigger .e-pv-right-align-icon-div {
5598
+ padding: 4px 10px;
5599
+ @if ($theme-name == 'fluent2') {
5600
+ width: 38.5px;
5601
+ }
5530
5602
  }
5531
5603
 
5532
5604
  .e-pv-bold-icon-div:hover,
@@ -5537,7 +5609,9 @@ $lg-desktop: 1399.98;
5537
5609
  .e-pv-center-align-icon-div:hover,
5538
5610
  .e-pv-right-align-icon-div:hover {
5539
5611
  @if ($skin-name != 'Material3' and $skin-name != 'bootstrap5') {
5540
- background-color: $pv-annotation-dropdown-background-color-hover;
5612
+ @if ($theme-name != 'fluent2') {
5613
+ background-color: $pv-annotation-dropdown-background-color-hover;
5614
+ }
5541
5615
  border-color: $pv-annotation-dropdown-border-color-hover;
5542
5616
  }
5543
5617
  @if ($skin-name == 'bootstrap5') {
@@ -5668,6 +5742,9 @@ $lg-desktop: 1399.98;
5668
5742
  @if ($skin-name == 'Material3') {
5669
5743
  padding: 20px 15px 6px 0;
5670
5744
  }
5745
+ @if ($theme-name == 'fluent2') {
5746
+ padding: 15px;
5747
+ }
5671
5748
  @else {
5672
5749
  padding: 15px 15px 15px 1px;
5673
5750
  }
@@ -5855,6 +5932,7 @@ $lg-desktop: 1399.98;
5855
5932
  }
5856
5933
  @if ($theme-name == 'fluent2') {
5857
5934
  min-height: 555px !important;/* stylelint-disable-line declaration-no-important */
5935
+ max-width: 525px !important;/* stylelint-disable-line declaration-no-important */
5858
5936
  }
5859
5937
  }
5860
5938
 
@@ -5862,12 +5940,13 @@ $lg-desktop: 1399.98;
5862
5940
  @if ($theme-name == 'fluent2') {
5863
5941
  width: $pv-properties-form-field-win-max-width !important;/* stylelint-disable-line declaration-no-important */
5864
5942
  margin-left: -20px !important;/* stylelint-disable-line declaration-no-important */
5943
+ border-bottom: 1px solid var(--color-sf-border-light);
5865
5944
  }
5866
5945
  }
5867
5946
 
5868
5947
  .e-pv-properties-form-field-window .e-dlg-content .e-tab-header .e-toolbar-items {
5869
5948
  @if ($theme-name == 'fluent2') {
5870
- margin-left: 34px;
5949
+ margin-left: 18px;
5871
5950
  }
5872
5951
  }
5873
5952
 
@@ -6110,7 +6189,9 @@ $lg-desktop: 1399.98;
6110
6189
  height: 36px;
6111
6190
  width: 154px;
6112
6191
  }
6113
- justify-content: space-evenly;
6192
+ @if ($theme-name != 'fluent2') {
6193
+ justify-content: space-evenly;
6194
+ }
6114
6195
  @if ($skin-name == 'bootstrap5') {
6115
6196
  align-items: center;
6116
6197
  border: 1px solid $border-light;
@@ -6158,7 +6239,9 @@ $lg-desktop: 1399.98;
6158
6239
  height: 36px;
6159
6240
  width: 120px;
6160
6241
  }
6161
- justify-content: space-evenly;
6242
+ @if ($theme-name != 'fluent2') {
6243
+ justify-content: space-evenly;
6244
+ }
6162
6245
  margin-right: 15px;
6163
6246
  @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
6164
6247
  align-items: center;
@@ -6187,7 +6270,9 @@ $lg-desktop: 1399.98;
6187
6270
  }
6188
6271
  display: flex;
6189
6272
  height: 36px;
6190
- justify-content: space-evenly;
6273
+ @if ($theme-name != 'fluent2') {
6274
+ justify-content: space-evenly;
6275
+ }
6191
6276
  width: 154px;
6192
6277
  @if ($skin-name == 'bootstrap5') {
6193
6278
  align-items: center;
@@ -6221,7 +6306,9 @@ $lg-desktop: 1399.98;
6221
6306
  }
6222
6307
  display: flex;
6223
6308
  height: 36px;
6224
- justify-content: space-evenly;
6309
+ @if ($theme-name != 'fluent2') {
6310
+ justify-content: space-evenly;
6311
+ }
6225
6312
  margin-right: 15px;
6226
6313
  width: 120px;
6227
6314
  @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
@@ -6366,12 +6453,6 @@ $lg-desktop: 1399.98;
6366
6453
  }
6367
6454
  }
6368
6455
 
6369
- .e-bigger .e-pv-signature-apperance .e-float-input.e-control-wrapper.e-input-group {
6370
- @if ($theme-name=='fluent2') {
6371
- margin-left: 6.4%;
6372
- }
6373
- }
6374
-
6375
6456
  .e-pv-signature-apperance .e-checkbox-wrapper{
6376
6457
  @if ($theme-name == 'fluent2') {
6377
6458
  margin-left: $pv-toolbar-btn-height;
@@ -6525,12 +6606,6 @@ $lg-desktop: 1399.98;
6525
6606
  }
6526
6607
  }
6527
6608
 
6528
- .e-bigger .e-pv-canvas-signature {
6529
- @if $theme-name =='fluent2' {
6530
- margin-left: 5.65%;
6531
- }
6532
- }
6533
-
6534
6609
  .e-pv-sign-upload{
6535
6610
  @if $theme-name =='fluent2' {
6536
6611
  left: 44.5% !important;/* stylelint-disable-line declaration-no-important */