@syncfusion/blazor-themes 23.1.38 → 23.1.40

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 (97) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +49 -12
  2. package/SCSS-Themes/bootstrap.scss +49 -12
  3. package/SCSS-Themes/bootstrap4.scss +50 -13
  4. package/SCSS-Themes/bootstrap5-dark.scss +49 -12
  5. package/SCSS-Themes/bootstrap5.scss +49 -12
  6. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +14 -1
  7. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +14 -1
  8. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +14 -1
  9. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +14 -1
  10. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +14 -1
  11. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +15 -2
  12. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +15 -2
  13. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +14 -1
  14. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +14 -1
  15. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +14 -1
  16. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +14 -1
  17. package/SCSS-Themes/dropdowns/multi-select/material.scss +14 -1
  18. package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss +12 -1
  19. package/SCSS-Themes/dropdowns/multi-select/material3.scss +12 -1
  20. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +14 -1
  21. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +14 -1
  22. package/SCSS-Themes/fabric-dark.scss +50 -13
  23. package/SCSS-Themes/fabric.scss +50 -13
  24. package/SCSS-Themes/fluent-dark.scss +49 -12
  25. package/SCSS-Themes/fluent.scss +49 -12
  26. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +9 -0
  27. package/SCSS-Themes/grids/grid/bootstrap.scss +9 -0
  28. package/SCSS-Themes/grids/grid/bootstrap4.scss +10 -1
  29. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +9 -0
  30. package/SCSS-Themes/grids/grid/bootstrap5.scss +9 -0
  31. package/SCSS-Themes/grids/grid/fabric-dark.scss +9 -0
  32. package/SCSS-Themes/grids/grid/fabric.scss +9 -0
  33. package/SCSS-Themes/grids/grid/fluent-dark.scss +9 -0
  34. package/SCSS-Themes/grids/grid/fluent.scss +9 -0
  35. package/SCSS-Themes/grids/grid/highcontrast.scss +9 -0
  36. package/SCSS-Themes/grids/grid/material-dark.scss +9 -0
  37. package/SCSS-Themes/grids/grid/material.scss +9 -0
  38. package/SCSS-Themes/grids/grid/material3-dark.scss +9 -0
  39. package/SCSS-Themes/grids/grid/material3.scss +9 -0
  40. package/SCSS-Themes/grids/grid/tailwind-dark.scss +9 -0
  41. package/SCSS-Themes/grids/grid/tailwind.scss +9 -0
  42. package/SCSS-Themes/highcontrast.scss +49 -12
  43. package/SCSS-Themes/material-dark.scss +49 -12
  44. package/SCSS-Themes/material.scss +49 -12
  45. package/SCSS-Themes/material3-dark.scss +48 -12
  46. package/SCSS-Themes/material3.scss +48 -12
  47. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +21 -9
  48. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +21 -9
  49. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +21 -9
  50. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +21 -9
  51. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +21 -9
  52. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +21 -9
  53. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +21 -9
  54. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +21 -9
  55. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +21 -9
  56. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +21 -9
  57. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +21 -9
  58. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +21 -9
  59. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +22 -9
  60. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +22 -9
  61. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +21 -9
  62. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +21 -9
  63. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +3 -0
  64. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +3 -0
  65. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +3 -0
  66. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +3 -0
  67. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +3 -0
  68. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +3 -0
  69. package/SCSS-Themes/pivotview/pivotview/fabric.scss +3 -0
  70. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +3 -0
  71. package/SCSS-Themes/pivotview/pivotview/fluent.scss +3 -0
  72. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +3 -0
  73. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +3 -0
  74. package/SCSS-Themes/pivotview/pivotview/material.scss +3 -0
  75. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +3 -0
  76. package/SCSS-Themes/pivotview/pivotview/material3.scss +3 -0
  77. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +3 -0
  78. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +3 -0
  79. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +2 -2
  80. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +2 -2
  81. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +2 -2
  82. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +2 -2
  83. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +2 -2
  84. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +2 -2
  85. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +2 -2
  86. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +2 -2
  87. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +2 -2
  88. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +2 -2
  89. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +2 -2
  90. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +2 -2
  91. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +2 -2
  92. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +2 -2
  93. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +2 -2
  94. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +2 -2
  95. package/SCSS-Themes/tailwind-dark.scss +49 -12
  96. package/SCSS-Themes/tailwind.scss +49 -12
  97. package/package.json +1 -1
@@ -59616,6 +59616,8 @@ $ddl-closer-margin-top: -4em !default;
59616
59616
  $ddl-icon-margin-top: -2.65em !default;
59617
59617
  $ddl-clear-margin-top: -3.2em !default;
59618
59618
  $ddl-icon-margin-top-bigger: -2.7em !default;
59619
+ $ddl-small-ddl-icon-top: -2.6em !default;
59620
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
59619
59621
  $ddl-closer-margin-top-bigger: -4em !default;
59620
59622
  $ddl-chip-close-top: 9px !default;
59621
59623
  $ddl-chip-close-left: 10px !default;
@@ -59948,7 +59950,8 @@ $ddl-closer-margin-top-bigger-small: -4em !default;
59948
59950
  }
59949
59951
  }
59950
59952
 
59951
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
59953
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
59954
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
59952
59955
  @if $ddl-multiselect-skin-name != 'Material3' {
59953
59956
  margin-top: $ddl-icon-margin-top-bigger;
59954
59957
  }
@@ -60980,6 +60983,11 @@ ejs-multiselect {
60980
60983
  }
60981
60984
  }
60982
60985
 
60986
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
60987
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
60988
+ margin-top: $ddl-small-ddl-icon-top;
60989
+ }
60990
+
60983
60991
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
60984
60992
  @if ddl-multiselect-skin-name == 'Material3' {
60985
60993
  height: $ddl-small-clear-icon-height;
@@ -61011,6 +61019,11 @@ ejs-multiselect {
61011
61019
  }
61012
61020
  }
61013
61021
 
61022
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
61023
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
61024
+ margin-top: $ddl-bigger-small-ddl-icon-top;
61025
+ }
61026
+
61014
61027
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
61015
61028
  height: $ddl-bigger-small-chip-close-square;
61016
61029
  width: $ddl-bigger-small-chip-close-width;
@@ -76981,6 +76994,11 @@ $grid-dropitems-count-margin-left: -8px !default;
76981
76994
  overflow: visible;
76982
76995
  }
76983
76996
 
76997
+ .e-headercell.e-templatecell .e-headercelldiv {
76998
+ height: auto;
76999
+ min-height: $grid-header-height;
77000
+ }
77001
+
76984
77002
  .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
76985
77003
  padding: 0 .6em;
76986
77004
  }
@@ -81132,6 +81150,10 @@ $grid-dropitems-count-margin-left: -8px !default;
81132
81150
  cursor: move;
81133
81151
  }
81134
81152
 
81153
+ & .e-notallowedcur .e-row:hover .e-rowdragdrop {
81154
+ cursor: not-allowed;
81155
+ }
81156
+
81135
81157
  .e-sortnumber {
81136
81158
  @if $grid-skin == 'material3' {
81137
81159
  background: $grid-sortnumber-bg-color;
@@ -88744,7 +88766,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
88744
88766
 
88745
88767
  .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
88746
88768
  display: grid;
88747
- grid-template-columns: repeat(6, 1fr);
88769
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
88748
88770
  gap: 6px;
88749
88771
 
88750
88772
  .e-btn.e-control {
@@ -88761,7 +88783,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
88761
88783
 
88762
88784
  .e-rte-emojisearch-btn {
88763
88785
  display: grid;
88764
- grid-template-columns: repeat(6, 1fr);
88786
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
88765
88787
  gap: 6px;
88766
88788
  height: 0;
88767
88789
 
@@ -100932,6 +100954,22 @@ $pv-eye-icon-margin-top: 3px !default;
100932
100954
  text-align: left;
100933
100955
  }
100934
100956
 
100957
+ .e-pv-mobile-comments-container .e-pv-comment-panel-title {
100958
+ @if $skin-name == 'Material3' {
100959
+ background: $content-bg-color-alt2;
100960
+ border: $border-light;
100961
+ border-width: 0 0 1px 1px;
100962
+ font-size: $text-base;
100963
+ font-weight: $pv-comment-tile-font-weight;
100964
+ line-height: 16px;
100965
+ padding: 0;
100966
+ left: 15px;
100967
+ top: 14px;
100968
+ position: absolute;
100969
+ text-align: left;
100970
+ }
100971
+ }
100972
+
100935
100973
  .e-pv-comment-panel-title-close-div.e-btn {
100936
100974
  background: $pv-title-close-background;
100937
100975
  border: $pv-title-close-border;
@@ -100941,17 +100979,12 @@ $pv-eye-icon-margin-top: 3px !default;
100941
100979
  }
100942
100980
  height: $pv-title-close-height;
100943
100981
  position: $pv-title-close-position;
100944
- @if $skin-name != 'Material3' {
100945
- right: 11px;
100946
- top: 5px;
100947
- }
100982
+ right: 11px;
100983
+ top: 5px;
100948
100984
  width: $pv-title-close-width;
100949
100985
  @if $skin-name == 'FluentUI' {
100950
100986
  padding: 4px;
100951
100987
  }
100952
- @if $skin-name == 'Material3' {
100953
- padding: 12px 12px 12px 270px;
100954
- }
100955
100988
  }
100956
100989
 
100957
100990
  @if $skin-name == 'Material3' {
@@ -100964,7 +100997,7 @@ $pv-eye-icon-margin-top: 3px !default;
100964
100997
  @if $skin-name != 'bootstrap5' {
100965
100998
  color: $pv-comment-text-color;
100966
100999
  }
100967
- @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
101000
+ @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
100968
101001
  color: $icon-color;
100969
101002
  }
100970
101003
  }
@@ -100972,6 +101005,7 @@ $pv-eye-icon-margin-top: 3px !default;
100972
101005
  .e-pv-comments-panel-text {
100973
101006
  font-size: 15px;
100974
101007
  padding-left: 85px;
101008
+ color: rgba(var(--color-sf-on-surface-variant));
100975
101009
  }
100976
101010
 
100977
101011
  .e-pv-comments-content-container {
@@ -102448,7 +102482,7 @@ $pv-eye-icon-margin-top: 3px !default;
102448
102482
  }
102449
102483
 
102450
102484
  .e-bigger .e-pv-signature-dialog-height {
102451
- @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
102485
+ @if ($skin-name == 'FluentUI') {
102452
102486
  min-height: 592px;
102453
102487
  }
102454
102488
  }
@@ -109502,10 +109536,12 @@ $pivotpager-single-size-title-padding: 8px !default;
109502
109536
  .e-pivotcell-container {
109503
109537
  align-items: center;
109504
109538
  display: flex;
109539
+ max-height: inherit;
109505
109540
 
109506
109541
  .e-stackedheadertext,
109507
109542
  .e-headertext {
109508
109543
  &.e-cellvalue {
109544
+ align-self: stretch;
109509
109545
  overflow: hidden;
109510
109546
  text-overflow: ellipsis;
109511
109547
  width: 100%;
@@ -110259,6 +110295,7 @@ $pivotpager-single-size-title-padding: 8px !default;
110259
110295
  display: inline-block;
110260
110296
  height: 100%;
110261
110297
  vertical-align: top;
110298
+ width: 100%;
110262
110299
  }
110263
110300
 
110264
110301
  /* stylelint-disable */
@@ -59336,6 +59336,8 @@ $ddl-closer-margin-top: -4em !default;
59336
59336
  $ddl-icon-margin-top: -2.65em !default;
59337
59337
  $ddl-clear-margin-top: -3.2em !default;
59338
59338
  $ddl-icon-margin-top-bigger: -2.7em !default;
59339
+ $ddl-small-ddl-icon-top: -2.6em !default;
59340
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
59339
59341
  $ddl-closer-margin-top-bigger: -4em !default;
59340
59342
  $ddl-chip-close-top: 9px !default;
59341
59343
  $ddl-chip-close-left: 10px !default;
@@ -59663,7 +59665,8 @@ $ddl-closer-margin-top-bigger-small: -4em !default;
59663
59665
  }
59664
59666
  }
59665
59667
 
59666
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
59668
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
59669
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
59667
59670
  @if $ddl-multiselect-skin-name != 'Material3' {
59668
59671
  margin-top: $ddl-icon-margin-top-bigger;
59669
59672
  }
@@ -60695,6 +60698,11 @@ ejs-multiselect {
60695
60698
  }
60696
60699
  }
60697
60700
 
60701
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
60702
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
60703
+ margin-top: $ddl-small-ddl-icon-top;
60704
+ }
60705
+
60698
60706
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
60699
60707
  @if ddl-multiselect-skin-name == 'Material3' {
60700
60708
  height: $ddl-small-clear-icon-height;
@@ -60726,6 +60734,11 @@ ejs-multiselect {
60726
60734
  }
60727
60735
  }
60728
60736
 
60737
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
60738
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
60739
+ margin-top: $ddl-bigger-small-ddl-icon-top;
60740
+ }
60741
+
60729
60742
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
60730
60743
  height: $ddl-bigger-small-chip-close-square;
60731
60744
  width: $ddl-bigger-small-chip-close-width;
@@ -76695,6 +76708,11 @@ $grid-dropitems-count-margin-left: -8px !default;
76695
76708
  overflow: visible;
76696
76709
  }
76697
76710
 
76711
+ .e-headercell.e-templatecell .e-headercelldiv {
76712
+ height: auto;
76713
+ min-height: $grid-header-height;
76714
+ }
76715
+
76698
76716
  .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
76699
76717
  padding: 0 .6em;
76700
76718
  }
@@ -80846,6 +80864,10 @@ $grid-dropitems-count-margin-left: -8px !default;
80846
80864
  cursor: move;
80847
80865
  }
80848
80866
 
80867
+ & .e-notallowedcur .e-row:hover .e-rowdragdrop {
80868
+ cursor: not-allowed;
80869
+ }
80870
+
80849
80871
  .e-sortnumber {
80850
80872
  @if $grid-skin == 'material3' {
80851
80873
  background: $grid-sortnumber-bg-color;
@@ -88510,7 +88532,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
88510
88532
 
88511
88533
  .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
88512
88534
  display: grid;
88513
- grid-template-columns: repeat(6, 1fr);
88535
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
88514
88536
  gap: 6px;
88515
88537
 
88516
88538
  .e-btn.e-control {
@@ -88527,7 +88549,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
88527
88549
 
88528
88550
  .e-rte-emojisearch-btn {
88529
88551
  display: grid;
88530
- grid-template-columns: repeat(6, 1fr);
88552
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
88531
88553
  gap: 6px;
88532
88554
  height: 0;
88533
88555
 
@@ -100696,6 +100718,22 @@ $pv-eye-icon-margin-top: 3px !default;
100696
100718
  text-align: left;
100697
100719
  }
100698
100720
 
100721
+ .e-pv-mobile-comments-container .e-pv-comment-panel-title {
100722
+ @if $skin-name == 'Material3' {
100723
+ background: $content-bg-color-alt2;
100724
+ border: $border-light;
100725
+ border-width: 0 0 1px 1px;
100726
+ font-size: $text-base;
100727
+ font-weight: $pv-comment-tile-font-weight;
100728
+ line-height: 16px;
100729
+ padding: 0;
100730
+ left: 15px;
100731
+ top: 14px;
100732
+ position: absolute;
100733
+ text-align: left;
100734
+ }
100735
+ }
100736
+
100699
100737
  .e-pv-comment-panel-title-close-div.e-btn {
100700
100738
  background: $pv-title-close-background;
100701
100739
  border: $pv-title-close-border;
@@ -100705,17 +100743,12 @@ $pv-eye-icon-margin-top: 3px !default;
100705
100743
  }
100706
100744
  height: $pv-title-close-height;
100707
100745
  position: $pv-title-close-position;
100708
- @if $skin-name != 'Material3' {
100709
- right: 11px;
100710
- top: 5px;
100711
- }
100746
+ right: 11px;
100747
+ top: 5px;
100712
100748
  width: $pv-title-close-width;
100713
100749
  @if $skin-name == 'FluentUI' {
100714
100750
  padding: 4px;
100715
100751
  }
100716
- @if $skin-name == 'Material3' {
100717
- padding: 12px 12px 12px 270px;
100718
- }
100719
100752
  }
100720
100753
 
100721
100754
  @if $skin-name == 'Material3' {
@@ -100728,7 +100761,7 @@ $pv-eye-icon-margin-top: 3px !default;
100728
100761
  @if $skin-name != 'bootstrap5' {
100729
100762
  color: $pv-comment-text-color;
100730
100763
  }
100731
- @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
100764
+ @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
100732
100765
  color: $icon-color;
100733
100766
  }
100734
100767
  }
@@ -100736,6 +100769,7 @@ $pv-eye-icon-margin-top: 3px !default;
100736
100769
  .e-pv-comments-panel-text {
100737
100770
  font-size: 15px;
100738
100771
  padding-left: 85px;
100772
+ color: rgba(var(--color-sf-on-surface-variant));
100739
100773
  }
100740
100774
 
100741
100775
  .e-pv-comments-content-container {
@@ -102212,7 +102246,7 @@ $pv-eye-icon-margin-top: 3px !default;
102212
102246
  }
102213
102247
 
102214
102248
  .e-bigger .e-pv-signature-dialog-height {
102215
- @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
102249
+ @if ($skin-name == 'FluentUI') {
102216
102250
  min-height: 592px;
102217
102251
  }
102218
102252
  }
@@ -109248,10 +109282,12 @@ $pivotpager-single-size-title-padding: 8px !default;
109248
109282
  .e-pivotcell-container {
109249
109283
  align-items: center;
109250
109284
  display: flex;
109285
+ max-height: inherit;
109251
109286
 
109252
109287
  .e-stackedheadertext,
109253
109288
  .e-headertext {
109254
109289
  &.e-cellvalue {
109290
+ align-self: stretch;
109255
109291
  overflow: hidden;
109256
109292
  text-overflow: ellipsis;
109257
109293
  width: 100%;
@@ -110005,6 +110041,7 @@ $pivotpager-single-size-title-padding: 8px !default;
110005
110041
  display: inline-block;
110006
110042
  height: 100%;
110007
110043
  vertical-align: top;
110044
+ width: 100%;
110008
110045
  }
110009
110046
 
110010
110047
  /* stylelint-disable */
@@ -59383,6 +59383,8 @@ $ddl-chip-padding: 0 !default;
59383
59383
  $ddl-closer-margin-top: -2.9em !default;
59384
59384
  $ddl-icon-margin-top: -2.05em !default;
59385
59385
  $ddl-icon-margin-top-bigger: -2.25em !default;
59386
+ $ddl-small-ddl-icon-top: -1.85em !default;
59387
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
59386
59388
  $ddl-clear-margin-top: -2.9em !default;
59387
59389
  $ddl-closer-margin-top-bigger: -3.5em !default;
59388
59390
  $ddl-chip-close-top: 8px !default;
@@ -59778,7 +59780,8 @@ $multiselect-dropicon-closer-bigger-width: 34px !default;
59778
59780
  }
59779
59781
  }
59780
59782
 
59781
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
59783
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
59784
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
59782
59785
  @if $ddl-multiselect-skin-name != 'Material3' {
59783
59786
  margin-top: $ddl-icon-margin-top-bigger;
59784
59787
  }
@@ -60810,6 +60813,11 @@ ejs-multiselect {
60810
60813
  }
60811
60814
  }
60812
60815
 
60816
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
60817
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
60818
+ margin-top: $ddl-small-ddl-icon-top;
60819
+ }
60820
+
60813
60821
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
60814
60822
  @if ddl-multiselect-skin-name == 'Material3' {
60815
60823
  height: $ddl-small-clear-icon-height;
@@ -60841,6 +60849,11 @@ ejs-multiselect {
60841
60849
  }
60842
60850
  }
60843
60851
 
60852
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
60853
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
60854
+ margin-top: $ddl-bigger-small-ddl-icon-top;
60855
+ }
60856
+
60844
60857
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
60845
60858
  height: $ddl-bigger-small-chip-close-square;
60846
60859
  width: $ddl-bigger-small-chip-close-width;
@@ -75177,7 +75190,7 @@ $grid-rtl-headercelldiv-left-align-margin: 10px !default;
75177
75190
  $grid-rtl-filtermenudiv-left-align-margin: -5px !default;
75178
75191
  $grid-rtl-sort-num-left-align-margin: 2px -2px 0 0 !default;
75179
75192
  $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
75180
- $grid-rowcell-color: $grid-content-font-color !default !default;
75193
+ $grid-rowcell-color: $grid-content-font-color !default;
75181
75194
  $grid-reorderarrow-margin-top: -7.5px !default;
75182
75195
  $grid-reorderdownarrow-margin-top: 2.5px !default;
75183
75196
  $grid-reorder-arrow-top-margin: 0 !default;
@@ -76853,6 +76866,11 @@ $grid-dropitems-count-margin-left: -8px !default;
76853
76866
  overflow: visible;
76854
76867
  }
76855
76868
 
76869
+ .e-headercell.e-templatecell .e-headercelldiv {
76870
+ height: auto;
76871
+ min-height: $grid-header-height;
76872
+ }
76873
+
76856
76874
  .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
76857
76875
  padding: 0 .6em;
76858
76876
  }
@@ -81004,6 +81022,10 @@ $grid-dropitems-count-margin-left: -8px !default;
81004
81022
  cursor: move;
81005
81023
  }
81006
81024
 
81025
+ & .e-notallowedcur .e-row:hover .e-rowdragdrop {
81026
+ cursor: not-allowed;
81027
+ }
81028
+
81007
81029
  .e-sortnumber {
81008
81030
  @if $grid-skin == 'material3' {
81009
81031
  background: $grid-sortnumber-bg-color;
@@ -88794,7 +88816,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
88794
88816
 
88795
88817
  .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
88796
88818
  display: grid;
88797
- grid-template-columns: repeat(6, 1fr);
88819
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
88798
88820
  gap: 6px;
88799
88821
 
88800
88822
  .e-btn.e-control {
@@ -88811,7 +88833,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
88811
88833
 
88812
88834
  .e-rte-emojisearch-btn {
88813
88835
  display: grid;
88814
- grid-template-columns: repeat(6, 1fr);
88836
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
88815
88837
  gap: 6px;
88816
88838
  height: 0;
88817
88839
 
@@ -101030,6 +101052,22 @@ $pv-eye-icon-margin-top: 3px !default;
101030
101052
  text-align: left;
101031
101053
  }
101032
101054
 
101055
+ .e-pv-mobile-comments-container .e-pv-comment-panel-title {
101056
+ @if $skin-name == 'Material3' {
101057
+ background: $content-bg-color-alt2;
101058
+ border: $border-light;
101059
+ border-width: 0 0 1px 1px;
101060
+ font-size: $text-base;
101061
+ font-weight: $pv-comment-tile-font-weight;
101062
+ line-height: 16px;
101063
+ padding: 0;
101064
+ left: 15px;
101065
+ top: 14px;
101066
+ position: absolute;
101067
+ text-align: left;
101068
+ }
101069
+ }
101070
+
101033
101071
  .e-pv-comment-panel-title-close-div.e-btn {
101034
101072
  background: $pv-title-close-background;
101035
101073
  border: $pv-title-close-border;
@@ -101039,17 +101077,12 @@ $pv-eye-icon-margin-top: 3px !default;
101039
101077
  }
101040
101078
  height: $pv-title-close-height;
101041
101079
  position: $pv-title-close-position;
101042
- @if $skin-name != 'Material3' {
101043
- right: 11px;
101044
- top: 5px;
101045
- }
101080
+ right: 11px;
101081
+ top: 5px;
101046
101082
  width: $pv-title-close-width;
101047
101083
  @if $skin-name == 'FluentUI' {
101048
101084
  padding: 4px;
101049
101085
  }
101050
- @if $skin-name == 'Material3' {
101051
- padding: 12px 12px 12px 270px;
101052
- }
101053
101086
  }
101054
101087
 
101055
101088
  @if $skin-name == 'Material3' {
@@ -101062,7 +101095,7 @@ $pv-eye-icon-margin-top: 3px !default;
101062
101095
  @if $skin-name != 'bootstrap5' {
101063
101096
  color: $pv-comment-text-color;
101064
101097
  }
101065
- @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
101098
+ @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
101066
101099
  color: $icon-color;
101067
101100
  }
101068
101101
  }
@@ -101070,6 +101103,7 @@ $pv-eye-icon-margin-top: 3px !default;
101070
101103
  .e-pv-comments-panel-text {
101071
101104
  font-size: 15px;
101072
101105
  padding-left: 85px;
101106
+ color: rgba(var(--color-sf-on-surface-variant));
101073
101107
  }
101074
101108
 
101075
101109
  .e-pv-comments-content-container {
@@ -102546,7 +102580,7 @@ $pv-eye-icon-margin-top: 3px !default;
102546
102580
  }
102547
102581
 
102548
102582
  .e-bigger .e-pv-signature-dialog-height {
102549
- @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
102583
+ @if ($skin-name == 'FluentUI') {
102550
102584
  min-height: 592px;
102551
102585
  }
102552
102586
  }
@@ -109592,10 +109626,12 @@ $pivotpager-single-size-title-padding: 8px !default;
109592
109626
  .e-pivotcell-container {
109593
109627
  align-items: center;
109594
109628
  display: flex;
109629
+ max-height: inherit;
109595
109630
 
109596
109631
  .e-stackedheadertext,
109597
109632
  .e-headertext {
109598
109633
  &.e-cellvalue {
109634
+ align-self: stretch;
109599
109635
  overflow: hidden;
109600
109636
  text-overflow: ellipsis;
109601
109637
  width: 100%;
@@ -110349,6 +110385,7 @@ $pivotpager-single-size-title-padding: 8px !default;
110349
110385
  display: inline-block;
110350
110386
  height: 100%;
110351
110387
  vertical-align: top;
110388
+ width: 100%;
110352
110389
  }
110353
110390
 
110354
110391
  /* stylelint-disable */
@@ -59741,6 +59741,8 @@ $ddl-closer-margin-top-bigger: -2.25em !default;
59741
59741
  $ddl-icon-margin-top: -2.1em !default;
59742
59742
  $ddl-clear-margin-top: -2em !default;
59743
59743
  $ddl-icon-margin-top-bigger: -2.25em !default;
59744
+ $ddl-small-ddl-icon-top: -2em !default;
59745
+ $ddl-bigger-small-ddl-icon-top: -2.65em !default;
59744
59746
  $ddl-chip-mobile-radius: 2px !default;
59745
59747
  $ddl-chip-sel-mobile-height: 40px !default;
59746
59748
  $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -60094,7 +60096,8 @@ $ddl-close-down-icon-left: 35px !default;
60094
60096
  }
60095
60097
  }
60096
60098
 
60097
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
60099
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
60100
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
60098
60101
  @if $ddl-multiselect-skin-name != 'Material3' {
60099
60102
  margin-top: $ddl-icon-margin-top-bigger;
60100
60103
  }
@@ -61126,6 +61129,11 @@ ejs-multiselect {
61126
61129
  }
61127
61130
  }
61128
61131
 
61132
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
61133
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
61134
+ margin-top: $ddl-small-ddl-icon-top;
61135
+ }
61136
+
61129
61137
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
61130
61138
  @if ddl-multiselect-skin-name == 'Material3' {
61131
61139
  height: $ddl-small-clear-icon-height;
@@ -61157,6 +61165,11 @@ ejs-multiselect {
61157
61165
  }
61158
61166
  }
61159
61167
 
61168
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
61169
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
61170
+ margin-top: $ddl-bigger-small-ddl-icon-top;
61171
+ }
61172
+
61160
61173
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
61161
61174
  height: $ddl-bigger-small-chip-close-square;
61162
61175
  width: $ddl-bigger-small-chip-close-width;
@@ -77246,6 +77259,11 @@ $grid-dropitems-count-margin-left: -4px !default;
77246
77259
  overflow: visible;
77247
77260
  }
77248
77261
 
77262
+ .e-headercell.e-templatecell .e-headercelldiv {
77263
+ height: auto;
77264
+ min-height: $grid-header-height;
77265
+ }
77266
+
77249
77267
  .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
77250
77268
  padding: 0 .6em;
77251
77269
  }
@@ -81397,6 +81415,10 @@ $grid-dropitems-count-margin-left: -4px !default;
81397
81415
  cursor: move;
81398
81416
  }
81399
81417
 
81418
+ & .e-notallowedcur .e-row:hover .e-rowdragdrop {
81419
+ cursor: not-allowed;
81420
+ }
81421
+
81400
81422
  .e-sortnumber {
81401
81423
  @if $grid-skin == 'material3' {
81402
81424
  background: $grid-sortnumber-bg-color;
@@ -89001,7 +89023,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89001
89023
 
89002
89024
  .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
89003
89025
  display: grid;
89004
- grid-template-columns: repeat(6, 1fr);
89026
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
89005
89027
  gap: 6px;
89006
89028
 
89007
89029
  .e-btn.e-control {
@@ -89018,7 +89040,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89018
89040
 
89019
89041
  .e-rte-emojisearch-btn {
89020
89042
  display: grid;
89021
- grid-template-columns: repeat(6, 1fr);
89043
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
89022
89044
  gap: 6px;
89023
89045
  height: 0;
89024
89046
 
@@ -101186,6 +101208,22 @@ $pv-eye-icon-margin-top: 3px !default;
101186
101208
  text-align: left;
101187
101209
  }
101188
101210
 
101211
+ .e-pv-mobile-comments-container .e-pv-comment-panel-title {
101212
+ @if $skin-name == 'Material3' {
101213
+ background: $content-bg-color-alt2;
101214
+ border: $border-light;
101215
+ border-width: 0 0 1px 1px;
101216
+ font-size: $text-base;
101217
+ font-weight: $pv-comment-tile-font-weight;
101218
+ line-height: 16px;
101219
+ padding: 0;
101220
+ left: 15px;
101221
+ top: 14px;
101222
+ position: absolute;
101223
+ text-align: left;
101224
+ }
101225
+ }
101226
+
101189
101227
  .e-pv-comment-panel-title-close-div.e-btn {
101190
101228
  background: $pv-title-close-background;
101191
101229
  border: $pv-title-close-border;
@@ -101195,17 +101233,12 @@ $pv-eye-icon-margin-top: 3px !default;
101195
101233
  }
101196
101234
  height: $pv-title-close-height;
101197
101235
  position: $pv-title-close-position;
101198
- @if $skin-name != 'Material3' {
101199
- right: 11px;
101200
- top: 5px;
101201
- }
101236
+ right: 11px;
101237
+ top: 5px;
101202
101238
  width: $pv-title-close-width;
101203
101239
  @if $skin-name == 'FluentUI' {
101204
101240
  padding: 4px;
101205
101241
  }
101206
- @if $skin-name == 'Material3' {
101207
- padding: 12px 12px 12px 270px;
101208
- }
101209
101242
  }
101210
101243
 
101211
101244
  @if $skin-name == 'Material3' {
@@ -101218,7 +101251,7 @@ $pv-eye-icon-margin-top: 3px !default;
101218
101251
  @if $skin-name != 'bootstrap5' {
101219
101252
  color: $pv-comment-text-color;
101220
101253
  }
101221
- @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
101254
+ @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
101222
101255
  color: $icon-color;
101223
101256
  }
101224
101257
  }
@@ -101226,6 +101259,7 @@ $pv-eye-icon-margin-top: 3px !default;
101226
101259
  .e-pv-comments-panel-text {
101227
101260
  font-size: 15px;
101228
101261
  padding-left: 85px;
101262
+ color: rgba(var(--color-sf-on-surface-variant));
101229
101263
  }
101230
101264
 
101231
101265
  .e-pv-comments-content-container {
@@ -102702,7 +102736,7 @@ $pv-eye-icon-margin-top: 3px !default;
102702
102736
  }
102703
102737
 
102704
102738
  .e-bigger .e-pv-signature-dialog-height {
102705
- @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
102739
+ @if ($skin-name == 'FluentUI') {
102706
102740
  min-height: 592px;
102707
102741
  }
102708
102742
  }
@@ -109764,10 +109798,12 @@ $pivotpager-single-size-title-padding: 8px !default;
109764
109798
  .e-pivotcell-container {
109765
109799
  align-items: center;
109766
109800
  display: flex;
109801
+ max-height: inherit;
109767
109802
 
109768
109803
  .e-stackedheadertext,
109769
109804
  .e-headertext {
109770
109805
  &.e-cellvalue {
109806
+ align-self: stretch;
109771
109807
  overflow: hidden;
109772
109808
  text-overflow: ellipsis;
109773
109809
  width: 100%;
@@ -110521,6 +110557,7 @@ $pivotpager-single-size-title-padding: 8px !default;
110521
110557
  display: inline-block;
110522
110558
  height: 100%;
110523
110559
  vertical-align: top;
110560
+ width: 100%;
110524
110561
  }
110525
110562
 
110526
110563
  /* stylelint-disable */