@syncfusion/blazor-themes 23.1.38 → 23.1.39

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
@@ -422,7 +422,8 @@ $ddl-chip-bigger-content-padding: 0 !default;
422
422
  }
423
423
  }
424
424
 
425
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
425
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
426
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
426
427
  @if $ddl-multiselect-skin-name != 'Material3' {
427
428
  margin-top: $ddl-icon-margin-top-bigger;
428
429
  }
@@ -1454,6 +1455,11 @@ ejs-multiselect {
1454
1455
  }
1455
1456
  }
1456
1457
 
1458
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1459
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1460
+ margin-top: $ddl-small-ddl-icon-top;
1461
+ }
1462
+
1457
1463
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1458
1464
  @if ddl-multiselect-skin-name == 'Material3' {
1459
1465
  height: $ddl-small-clear-icon-height;
@@ -1485,6 +1491,11 @@ ejs-multiselect {
1485
1491
  }
1486
1492
  }
1487
1493
 
1494
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1495
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1496
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1497
+ }
1498
+
1488
1499
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1489
1500
  height: $ddl-bigger-small-chip-close-square;
1490
1501
  width: $ddl-bigger-small-chip-close-width;
@@ -422,7 +422,8 @@ $ddl-chip-bigger-content-padding: 0 !default;
422
422
  }
423
423
  }
424
424
 
425
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
425
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
426
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
426
427
  @if $ddl-multiselect-skin-name != 'Material3' {
427
428
  margin-top: $ddl-icon-margin-top-bigger;
428
429
  }
@@ -1454,6 +1455,11 @@ ejs-multiselect {
1454
1455
  }
1455
1456
  }
1456
1457
 
1458
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1459
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1460
+ margin-top: $ddl-small-ddl-icon-top;
1461
+ }
1462
+
1457
1463
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1458
1464
  @if ddl-multiselect-skin-name == 'Material3' {
1459
1465
  height: $ddl-small-clear-icon-height;
@@ -1485,6 +1491,11 @@ ejs-multiselect {
1485
1491
  }
1486
1492
  }
1487
1493
 
1494
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1495
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1496
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1497
+ }
1498
+
1488
1499
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1489
1500
  height: $ddl-bigger-small-chip-close-square;
1490
1501
  width: $ddl-bigger-small-chip-close-width;
@@ -51,6 +51,8 @@ $ddl-closer-margin-top-bigger: -1.62em !default;
51
51
  $ddl-icon-margin-top: -1.3em !default;
52
52
  $ddl-clear-margin-top: -2em !default;
53
53
  $ddl-icon-margin-top-bigger: -1.3em !default;
54
+ $ddl-small-ddl-icon-top: -1.3em !default;
55
+ $ddl-bigger-small-ddl-icon-top: -1.3em !default;
54
56
  $ddl-chip-mobile-radius: 2px !default;
55
57
  $ddl-chip-sel-mobile-height: 40px !default;
56
58
  $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -408,7 +410,8 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
408
410
  }
409
411
  }
410
412
 
411
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
413
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
414
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
412
415
  @if $ddl-multiselect-skin-name != 'Material3' {
413
416
  margin-top: $ddl-icon-margin-top-bigger;
414
417
  }
@@ -1440,6 +1443,11 @@ ejs-multiselect {
1440
1443
  }
1441
1444
  }
1442
1445
 
1446
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1447
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1448
+ margin-top: $ddl-small-ddl-icon-top;
1449
+ }
1450
+
1443
1451
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1444
1452
  @if ddl-multiselect-skin-name == 'Material3' {
1445
1453
  height: $ddl-small-clear-icon-height;
@@ -1471,6 +1479,11 @@ ejs-multiselect {
1471
1479
  }
1472
1480
  }
1473
1481
 
1482
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1483
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1484
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1485
+ }
1486
+
1474
1487
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1475
1488
  height: $ddl-bigger-small-chip-close-square;
1476
1489
  width: $ddl-bigger-small-chip-close-width;
@@ -51,6 +51,8 @@ $ddl-closer-margin-top-bigger: -1.62em !default;
51
51
  $ddl-icon-margin-top: -1.3em !default;
52
52
  $ddl-clear-margin-top: -2em !default;
53
53
  $ddl-icon-margin-top-bigger: -1.3em !default;
54
+ $ddl-small-ddl-icon-top: -1.3em !default;
55
+ $ddl-bigger-small-ddl-icon-top: -1.3em !default;
54
56
  $ddl-chip-mobile-radius: 2px !default;
55
57
  $ddl-chip-sel-mobile-height: 40px !default;
56
58
  $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -408,7 +410,8 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
408
410
  }
409
411
  }
410
412
 
411
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
413
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
414
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
412
415
  @if $ddl-multiselect-skin-name != 'Material3' {
413
416
  margin-top: $ddl-icon-margin-top-bigger;
414
417
  }
@@ -1440,6 +1443,11 @@ ejs-multiselect {
1440
1443
  }
1441
1444
  }
1442
1445
 
1446
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1447
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1448
+ margin-top: $ddl-small-ddl-icon-top;
1449
+ }
1450
+
1443
1451
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1444
1452
  @if ddl-multiselect-skin-name == 'Material3' {
1445
1453
  height: $ddl-small-clear-icon-height;
@@ -1471,6 +1479,11 @@ ejs-multiselect {
1471
1479
  }
1472
1480
  }
1473
1481
 
1482
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1483
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1484
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1485
+ }
1486
+
1474
1487
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1475
1488
  height: $ddl-bigger-small-chip-close-square;
1476
1489
  width: $ddl-bigger-small-chip-close-width;
@@ -59508,7 +59508,9 @@ $ddl-closer-hooker-font: 10px !default;
59508
59508
  $ddl-closer-margin-top: -3em !default;
59509
59509
  $ddl-icon-margin-top: -2.5em !default;
59510
59510
  $ddl-clear-margin-top: -3em !default;
59511
- $ddl-icon-margin-top-bigger: -3.2em !default;
59511
+ $ddl-icon-margin-top-bigger: -3.15em !default;
59512
+ $ddl-small-ddl-icon-top: -2.5em !default;
59513
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
59512
59514
  $ddl-closer-margin-top-bigger: -3.5em !default;
59513
59515
  $ddl-chip-font-family: inherit !default;
59514
59516
  $ddl-chip-mobile-radius: 0 !default;
@@ -59807,7 +59809,8 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
59807
59809
  }
59808
59810
  }
59809
59811
 
59810
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
59812
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
59813
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
59811
59814
  @if $ddl-multiselect-skin-name != 'Material3' {
59812
59815
  margin-top: $ddl-icon-margin-top-bigger;
59813
59816
  }
@@ -60839,6 +60842,11 @@ ejs-multiselect {
60839
60842
  }
60840
60843
  }
60841
60844
 
60845
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
60846
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
60847
+ margin-top: $ddl-small-ddl-icon-top;
60848
+ }
60849
+
60842
60850
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
60843
60851
  @if ddl-multiselect-skin-name == 'Material3' {
60844
60852
  height: $ddl-small-clear-icon-height;
@@ -60870,6 +60878,11 @@ ejs-multiselect {
60870
60878
  }
60871
60879
  }
60872
60880
 
60881
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
60882
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
60883
+ margin-top: $ddl-bigger-small-ddl-icon-top;
60884
+ }
60885
+
60873
60886
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
60874
60887
  height: $ddl-bigger-small-chip-close-square;
60875
60888
  width: $ddl-bigger-small-chip-close-width;
@@ -76843,6 +76856,11 @@ $grid-dropitems-count-margin-left: -8px !default;
76843
76856
  overflow: visible;
76844
76857
  }
76845
76858
 
76859
+ .e-headercell.e-templatecell .e-headercelldiv {
76860
+ height: auto;
76861
+ min-height: $grid-header-height;
76862
+ }
76863
+
76846
76864
  .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
76847
76865
  padding: 0 .6em;
76848
76866
  }
@@ -80994,6 +81012,10 @@ $grid-dropitems-count-margin-left: -8px !default;
80994
81012
  cursor: move;
80995
81013
  }
80996
81014
 
81015
+ & .e-notallowedcur .e-row:hover .e-rowdragdrop {
81016
+ cursor: not-allowed;
81017
+ }
81018
+
80997
81019
  .e-sortnumber {
80998
81020
  @if $grid-skin == 'material3' {
80999
81021
  background: $grid-sortnumber-bg-color;
@@ -88579,7 +88601,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
88579
88601
 
88580
88602
  .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
88581
88603
  display: grid;
88582
- grid-template-columns: repeat(6, 1fr);
88604
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
88583
88605
  gap: 6px;
88584
88606
 
88585
88607
  .e-btn.e-control {
@@ -88596,7 +88618,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
88596
88618
 
88597
88619
  .e-rte-emojisearch-btn {
88598
88620
  display: grid;
88599
- grid-template-columns: repeat(6, 1fr);
88621
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
88600
88622
  gap: 6px;
88601
88623
  height: 0;
88602
88624
 
@@ -100750,6 +100772,22 @@ $pv-eye-icon-margin-top: 3px !default;
100750
100772
  text-align: left;
100751
100773
  }
100752
100774
 
100775
+ .e-pv-mobile-comments-container .e-pv-comment-panel-title {
100776
+ @if $skin-name == 'Material3' {
100777
+ background: $content-bg-color-alt2;
100778
+ border: $border-light;
100779
+ border-width: 0 0 1px 1px;
100780
+ font-size: $text-base;
100781
+ font-weight: $pv-comment-tile-font-weight;
100782
+ line-height: 16px;
100783
+ padding: 0;
100784
+ left: 15px;
100785
+ top: 14px;
100786
+ position: absolute;
100787
+ text-align: left;
100788
+ }
100789
+ }
100790
+
100753
100791
  .e-pv-comment-panel-title-close-div.e-btn {
100754
100792
  background: $pv-title-close-background;
100755
100793
  border: $pv-title-close-border;
@@ -100759,17 +100797,12 @@ $pv-eye-icon-margin-top: 3px !default;
100759
100797
  }
100760
100798
  height: $pv-title-close-height;
100761
100799
  position: $pv-title-close-position;
100762
- @if $skin-name != 'Material3' {
100763
- right: 11px;
100764
- top: 5px;
100765
- }
100800
+ right: 11px;
100801
+ top: 5px;
100766
100802
  width: $pv-title-close-width;
100767
100803
  @if $skin-name == 'FluentUI' {
100768
100804
  padding: 4px;
100769
100805
  }
100770
- @if $skin-name == 'Material3' {
100771
- padding: 12px 12px 12px 270px;
100772
- }
100773
100806
  }
100774
100807
 
100775
100808
  @if $skin-name == 'Material3' {
@@ -100782,7 +100815,7 @@ $pv-eye-icon-margin-top: 3px !default;
100782
100815
  @if $skin-name != 'bootstrap5' {
100783
100816
  color: $pv-comment-text-color;
100784
100817
  }
100785
- @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
100818
+ @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
100786
100819
  color: $icon-color;
100787
100820
  }
100788
100821
  }
@@ -100790,6 +100823,7 @@ $pv-eye-icon-margin-top: 3px !default;
100790
100823
  .e-pv-comments-panel-text {
100791
100824
  font-size: 15px;
100792
100825
  padding-left: 85px;
100826
+ color: rgba(var(--color-sf-on-surface-variant));
100793
100827
  }
100794
100828
 
100795
100829
  .e-pv-comments-content-container {
@@ -102266,7 +102300,7 @@ $pv-eye-icon-margin-top: 3px !default;
102266
102300
  }
102267
102301
 
102268
102302
  .e-bigger .e-pv-signature-dialog-height {
102269
- @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
102303
+ @if ($skin-name == 'FluentUI') {
102270
102304
  min-height: 592px;
102271
102305
  }
102272
102306
  }
@@ -109321,10 +109355,12 @@ $pivotpager-single-size-title-padding: 4px !default;
109321
109355
  .e-pivotcell-container {
109322
109356
  align-items: center;
109323
109357
  display: flex;
109358
+ max-height: inherit;
109324
109359
 
109325
109360
  .e-stackedheadertext,
109326
109361
  .e-headertext {
109327
109362
  &.e-cellvalue {
109363
+ align-self: stretch;
109328
109364
  overflow: hidden;
109329
109365
  text-overflow: ellipsis;
109330
109366
  width: 100%;
@@ -110078,6 +110114,7 @@ $pivotpager-single-size-title-padding: 4px !default;
110078
110114
  display: inline-block;
110079
110115
  height: 100%;
110080
110116
  vertical-align: top;
110117
+ width: 100%;
110081
110118
  }
110082
110119
 
110083
110120
  /* stylelint-disable */
@@ -59281,7 +59281,9 @@ $ddl-delimviewheight-bigger: 36px !default;
59281
59281
  $ddl-closer-hooker-font: 10px !default;
59282
59282
  $ddl-closer-margin-top: -3em !default;
59283
59283
  $ddl-icon-margin-top: -2.5em !default;
59284
- $ddl-icon-margin-top-bigger: -3.2em !default;
59284
+ $ddl-icon-margin-top-bigger: -3.15em !default;
59285
+ $ddl-small-ddl-icon-top: -2.5em !default;
59286
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
59285
59287
  $ddl-clear-margin-top: -3em !default;
59286
59288
  $ddl-closer-margin-top-bigger: -3.5em !default;
59287
59289
  $ddl-chip-font-family: inherit !default;
@@ -59578,7 +59580,8 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
59578
59580
  }
59579
59581
  }
59580
59582
 
59581
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
59583
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
59584
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
59582
59585
  @if $ddl-multiselect-skin-name != 'Material3' {
59583
59586
  margin-top: $ddl-icon-margin-top-bigger;
59584
59587
  }
@@ -60610,6 +60613,11 @@ ejs-multiselect {
60610
60613
  }
60611
60614
  }
60612
60615
 
60616
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
60617
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
60618
+ margin-top: $ddl-small-ddl-icon-top;
60619
+ }
60620
+
60613
60621
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
60614
60622
  @if ddl-multiselect-skin-name == 'Material3' {
60615
60623
  height: $ddl-small-clear-icon-height;
@@ -60641,6 +60649,11 @@ ejs-multiselect {
60641
60649
  }
60642
60650
  }
60643
60651
 
60652
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
60653
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
60654
+ margin-top: $ddl-bigger-small-ddl-icon-top;
60655
+ }
60656
+
60644
60657
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
60645
60658
  height: $ddl-bigger-small-chip-close-square;
60646
60659
  width: $ddl-bigger-small-chip-close-width;
@@ -76606,6 +76619,11 @@ $grid-dropitems-count-margin-left: -8px !default;
76606
76619
  overflow: visible;
76607
76620
  }
76608
76621
 
76622
+ .e-headercell.e-templatecell .e-headercelldiv {
76623
+ height: auto;
76624
+ min-height: $grid-header-height;
76625
+ }
76626
+
76609
76627
  .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
76610
76628
  padding: 0 .6em;
76611
76629
  }
@@ -80757,6 +80775,10 @@ $grid-dropitems-count-margin-left: -8px !default;
80757
80775
  cursor: move;
80758
80776
  }
80759
80777
 
80778
+ & .e-notallowedcur .e-row:hover .e-rowdragdrop {
80779
+ cursor: not-allowed;
80780
+ }
80781
+
80760
80782
  .e-sortnumber {
80761
80783
  @if $grid-skin == 'material3' {
80762
80784
  background: $grid-sortnumber-bg-color;
@@ -88336,7 +88358,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
88336
88358
 
88337
88359
  .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
88338
88360
  display: grid;
88339
- grid-template-columns: repeat(6, 1fr);
88361
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
88340
88362
  gap: 6px;
88341
88363
 
88342
88364
  .e-btn.e-control {
@@ -88353,7 +88375,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
88353
88375
 
88354
88376
  .e-rte-emojisearch-btn {
88355
88377
  display: grid;
88356
- grid-template-columns: repeat(6, 1fr);
88378
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
88357
88379
  gap: 6px;
88358
88380
  height: 0;
88359
88381
 
@@ -100511,6 +100533,22 @@ $pv-eye-icon-margin-top: 3px !default;
100511
100533
  text-align: left;
100512
100534
  }
100513
100535
 
100536
+ .e-pv-mobile-comments-container .e-pv-comment-panel-title {
100537
+ @if $skin-name == 'Material3' {
100538
+ background: $content-bg-color-alt2;
100539
+ border: $border-light;
100540
+ border-width: 0 0 1px 1px;
100541
+ font-size: $text-base;
100542
+ font-weight: $pv-comment-tile-font-weight;
100543
+ line-height: 16px;
100544
+ padding: 0;
100545
+ left: 15px;
100546
+ top: 14px;
100547
+ position: absolute;
100548
+ text-align: left;
100549
+ }
100550
+ }
100551
+
100514
100552
  .e-pv-comment-panel-title-close-div.e-btn {
100515
100553
  background: $pv-title-close-background;
100516
100554
  border: $pv-title-close-border;
@@ -100520,17 +100558,12 @@ $pv-eye-icon-margin-top: 3px !default;
100520
100558
  }
100521
100559
  height: $pv-title-close-height;
100522
100560
  position: $pv-title-close-position;
100523
- @if $skin-name != 'Material3' {
100524
- right: 11px;
100525
- top: 5px;
100526
- }
100561
+ right: 11px;
100562
+ top: 5px;
100527
100563
  width: $pv-title-close-width;
100528
100564
  @if $skin-name == 'FluentUI' {
100529
100565
  padding: 4px;
100530
100566
  }
100531
- @if $skin-name == 'Material3' {
100532
- padding: 12px 12px 12px 270px;
100533
- }
100534
100567
  }
100535
100568
 
100536
100569
  @if $skin-name == 'Material3' {
@@ -100543,7 +100576,7 @@ $pv-eye-icon-margin-top: 3px !default;
100543
100576
  @if $skin-name != 'bootstrap5' {
100544
100577
  color: $pv-comment-text-color;
100545
100578
  }
100546
- @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
100579
+ @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
100547
100580
  color: $icon-color;
100548
100581
  }
100549
100582
  }
@@ -100551,6 +100584,7 @@ $pv-eye-icon-margin-top: 3px !default;
100551
100584
  .e-pv-comments-panel-text {
100552
100585
  font-size: 15px;
100553
100586
  padding-left: 85px;
100587
+ color: rgba(var(--color-sf-on-surface-variant));
100554
100588
  }
100555
100589
 
100556
100590
  .e-pv-comments-content-container {
@@ -102027,7 +102061,7 @@ $pv-eye-icon-margin-top: 3px !default;
102027
102061
  }
102028
102062
 
102029
102063
  .e-bigger .e-pv-signature-dialog-height {
102030
- @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
102064
+ @if ($skin-name == 'FluentUI') {
102031
102065
  min-height: 592px;
102032
102066
  }
102033
102067
  }
@@ -109074,10 +109108,12 @@ $pivotpager-single-size-title-padding: 4px !default;
109074
109108
  .e-pivotcell-container {
109075
109109
  align-items: center;
109076
109110
  display: flex;
109111
+ max-height: inherit;
109077
109112
 
109078
109113
  .e-stackedheadertext,
109079
109114
  .e-headertext {
109080
109115
  &.e-cellvalue {
109116
+ align-self: stretch;
109081
109117
  overflow: hidden;
109082
109118
  text-overflow: ellipsis;
109083
109119
  width: 100%;
@@ -109831,6 +109867,7 @@ $pivotpager-single-size-title-padding: 4px !default;
109831
109867
  display: inline-block;
109832
109868
  height: 100%;
109833
109869
  vertical-align: top;
109870
+ width: 100%;
109834
109871
  }
109835
109872
 
109836
109873
  /* stylelint-disable */
@@ -59859,6 +59859,8 @@ $ddl-icon-margin-top: -1.68em !default;
59859
59859
  $ddl-clear-margin-top: -2em !default;
59860
59860
  $ddl-bigger-clear-margin-top: -2.25em !default;
59861
59861
  $ddl-icon-margin-top-bigger: -1.68em !default;
59862
+ $ddl-small-ddl-icon-top: -1.6em !default;
59863
+ $ddl-bigger-small-ddl-icon-top: -1.68em !default;
59862
59864
  $ddl-chip-mobile-radius: 2px !default;
59863
59865
  $ddl-chip-sel-mobile-height: 40px !default;
59864
59866
  $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -60222,7 +60224,8 @@ $ddl-small-clear-icon-width: 12px !default;
60222
60224
  }
60223
60225
  }
60224
60226
 
60225
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
60227
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
60228
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
60226
60229
  @if $ddl-multiselect-skin-name != 'Material3' {
60227
60230
  margin-top: $ddl-icon-margin-top-bigger;
60228
60231
  }
@@ -61254,6 +61257,11 @@ ejs-multiselect {
61254
61257
  }
61255
61258
  }
61256
61259
 
61260
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
61261
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
61262
+ margin-top: $ddl-small-ddl-icon-top;
61263
+ }
61264
+
61257
61265
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
61258
61266
  @if ddl-multiselect-skin-name == 'Material3' {
61259
61267
  height: $ddl-small-clear-icon-height;
@@ -61285,6 +61293,11 @@ ejs-multiselect {
61285
61293
  }
61286
61294
  }
61287
61295
 
61296
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
61297
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
61298
+ margin-top: $ddl-bigger-small-ddl-icon-top;
61299
+ }
61300
+
61288
61301
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
61289
61302
  height: $ddl-bigger-small-chip-close-square;
61290
61303
  width: $ddl-bigger-small-chip-close-width;
@@ -77394,6 +77407,11 @@ $grid-dropitems-count-margin-left: -8px !default;
77394
77407
  overflow: visible;
77395
77408
  }
77396
77409
 
77410
+ .e-headercell.e-templatecell .e-headercelldiv {
77411
+ height: auto;
77412
+ min-height: $grid-header-height;
77413
+ }
77414
+
77397
77415
  .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
77398
77416
  padding: 0 .6em;
77399
77417
  }
@@ -81545,6 +81563,10 @@ $grid-dropitems-count-margin-left: -8px !default;
81545
81563
  cursor: move;
81546
81564
  }
81547
81565
 
81566
+ & .e-notallowedcur .e-row:hover .e-rowdragdrop {
81567
+ cursor: not-allowed;
81568
+ }
81569
+
81548
81570
  .e-sortnumber {
81549
81571
  @if $grid-skin == 'material3' {
81550
81572
  background: $grid-sortnumber-bg-color;
@@ -89159,7 +89181,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89159
89181
 
89160
89182
  .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
89161
89183
  display: grid;
89162
- grid-template-columns: repeat(6, 1fr);
89184
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
89163
89185
  gap: 6px;
89164
89186
 
89165
89187
  .e-btn.e-control {
@@ -89176,7 +89198,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89176
89198
 
89177
89199
  .e-rte-emojisearch-btn {
89178
89200
  display: grid;
89179
- grid-template-columns: repeat(6, 1fr);
89201
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
89180
89202
  gap: 6px;
89181
89203
  height: 0;
89182
89204
 
@@ -101340,6 +101362,22 @@ $pv-comment-text-cursor-color: $black !default;
101340
101362
  text-align: left;
101341
101363
  }
101342
101364
 
101365
+ .e-pv-mobile-comments-container .e-pv-comment-panel-title {
101366
+ @if $skin-name == 'Material3' {
101367
+ background: $content-bg-color-alt2;
101368
+ border: $border-light;
101369
+ border-width: 0 0 1px 1px;
101370
+ font-size: $text-base;
101371
+ font-weight: $pv-comment-tile-font-weight;
101372
+ line-height: 16px;
101373
+ padding: 0;
101374
+ left: 15px;
101375
+ top: 14px;
101376
+ position: absolute;
101377
+ text-align: left;
101378
+ }
101379
+ }
101380
+
101343
101381
  .e-pv-comment-panel-title-close-div.e-btn {
101344
101382
  background: $pv-title-close-background;
101345
101383
  border: $pv-title-close-border;
@@ -101349,17 +101387,12 @@ $pv-comment-text-cursor-color: $black !default;
101349
101387
  }
101350
101388
  height: $pv-title-close-height;
101351
101389
  position: $pv-title-close-position;
101352
- @if $skin-name != 'Material3' {
101353
- right: 11px;
101354
- top: 5px;
101355
- }
101390
+ right: 11px;
101391
+ top: 5px;
101356
101392
  width: $pv-title-close-width;
101357
101393
  @if $skin-name == 'FluentUI' {
101358
101394
  padding: 4px;
101359
101395
  }
101360
- @if $skin-name == 'Material3' {
101361
- padding: 12px 12px 12px 270px;
101362
- }
101363
101396
  }
101364
101397
 
101365
101398
  @if $skin-name == 'Material3' {
@@ -101372,7 +101405,7 @@ $pv-comment-text-cursor-color: $black !default;
101372
101405
  @if $skin-name != 'bootstrap5' {
101373
101406
  color: $pv-comment-text-color;
101374
101407
  }
101375
- @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
101408
+ @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
101376
101409
  color: $icon-color;
101377
101410
  }
101378
101411
  }
@@ -101380,6 +101413,7 @@ $pv-comment-text-cursor-color: $black !default;
101380
101413
  .e-pv-comments-panel-text {
101381
101414
  font-size: 15px;
101382
101415
  padding-left: 85px;
101416
+ color: rgba(var(--color-sf-on-surface-variant));
101383
101417
  }
101384
101418
 
101385
101419
  .e-pv-comments-content-container {
@@ -102856,7 +102890,7 @@ $pv-comment-text-cursor-color: $black !default;
102856
102890
  }
102857
102891
 
102858
102892
  .e-bigger .e-pv-signature-dialog-height {
102859
- @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
102893
+ @if ($skin-name == 'FluentUI') {
102860
102894
  min-height: 592px;
102861
102895
  }
102862
102896
  }
@@ -109917,10 +109951,12 @@ $pivotpager-single-size-title-padding: 8px !default;
109917
109951
  .e-pivotcell-container {
109918
109952
  align-items: center;
109919
109953
  display: flex;
109954
+ max-height: inherit;
109920
109955
 
109921
109956
  .e-stackedheadertext,
109922
109957
  .e-headertext {
109923
109958
  &.e-cellvalue {
109959
+ align-self: stretch;
109924
109960
  overflow: hidden;
109925
109961
  text-overflow: ellipsis;
109926
109962
  width: 100%;
@@ -110674,6 +110710,7 @@ $pivotpager-single-size-title-padding: 8px !default;
110674
110710
  display: inline-block;
110675
110711
  height: 100%;
110676
110712
  vertical-align: top;
110713
+ width: 100%;
110677
110714
  }
110678
110715
 
110679
110716
  /* stylelint-disable */