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