@syncfusion/blazor-themes 24.2.3 → 24.2.5

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 (99) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +55 -14
  2. package/SCSS-Themes/bootstrap.scss +51 -10
  3. package/SCSS-Themes/bootstrap4.scss +58 -17
  4. package/SCSS-Themes/bootstrap5-dark.scss +51 -10
  5. package/SCSS-Themes/bootstrap5.scss +51 -10
  6. package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss +3 -3
  7. package/SCSS-Themes/calendars/calendar/bootstrap.scss +1 -1
  8. package/SCSS-Themes/calendars/calendar/bootstrap4.scss +3 -3
  9. package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss +1 -1
  10. package/SCSS-Themes/calendars/calendar/bootstrap5.scss +1 -1
  11. package/SCSS-Themes/calendars/calendar/fabric-dark.scss +1 -1
  12. package/SCSS-Themes/calendars/calendar/fabric.scss +1 -1
  13. package/SCSS-Themes/calendars/calendar/fluent-dark.scss +1 -1
  14. package/SCSS-Themes/calendars/calendar/fluent.scss +1 -1
  15. package/SCSS-Themes/calendars/calendar/highcontrast.scss +1 -1
  16. package/SCSS-Themes/calendars/calendar/material-dark.scss +2 -2
  17. package/SCSS-Themes/calendars/calendar/material.scss +2 -2
  18. package/SCSS-Themes/calendars/calendar/material3-dark.scss +2 -2
  19. package/SCSS-Themes/calendars/calendar/material3.scss +2 -2
  20. package/SCSS-Themes/calendars/calendar/tailwind-dark.scss +1 -1
  21. package/SCSS-Themes/calendars/calendar/tailwind.scss +1 -1
  22. package/SCSS-Themes/fabric-dark.scss +51 -10
  23. package/SCSS-Themes/fabric.scss +51 -10
  24. package/SCSS-Themes/fluent-dark.scss +52 -11
  25. package/SCSS-Themes/fluent.scss +52 -11
  26. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +11 -0
  27. package/SCSS-Themes/grids/grid/bootstrap.scss +11 -0
  28. package/SCSS-Themes/grids/grid/bootstrap4.scss +11 -0
  29. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +11 -0
  30. package/SCSS-Themes/grids/grid/bootstrap5.scss +11 -0
  31. package/SCSS-Themes/grids/grid/fabric-dark.scss +11 -0
  32. package/SCSS-Themes/grids/grid/fabric.scss +11 -0
  33. package/SCSS-Themes/grids/grid/fluent-dark.scss +11 -0
  34. package/SCSS-Themes/grids/grid/fluent.scss +11 -0
  35. package/SCSS-Themes/grids/grid/highcontrast.scss +11 -0
  36. package/SCSS-Themes/grids/grid/material-dark.scss +11 -0
  37. package/SCSS-Themes/grids/grid/material.scss +11 -0
  38. package/SCSS-Themes/grids/grid/material3-dark.scss +11 -0
  39. package/SCSS-Themes/grids/grid/material3.scss +11 -0
  40. package/SCSS-Themes/grids/grid/tailwind-dark.scss +11 -0
  41. package/SCSS-Themes/grids/grid/tailwind.scss +11 -0
  42. package/SCSS-Themes/highcontrast.scss +51 -10
  43. package/SCSS-Themes/inputs/data-form/bootstrap-dark.scss +13 -2
  44. package/SCSS-Themes/inputs/data-form/bootstrap.scss +13 -2
  45. package/SCSS-Themes/inputs/data-form/bootstrap4.scss +13 -2
  46. package/SCSS-Themes/inputs/data-form/bootstrap5-dark.scss +13 -2
  47. package/SCSS-Themes/inputs/data-form/bootstrap5.scss +13 -2
  48. package/SCSS-Themes/inputs/data-form/fabric-dark.scss +13 -2
  49. package/SCSS-Themes/inputs/data-form/fabric.scss +13 -2
  50. package/SCSS-Themes/inputs/data-form/fluent-dark.scss +13 -2
  51. package/SCSS-Themes/inputs/data-form/fluent.scss +13 -2
  52. package/SCSS-Themes/inputs/data-form/highcontrast.scss +13 -2
  53. package/SCSS-Themes/inputs/data-form/material-dark.scss +13 -2
  54. package/SCSS-Themes/inputs/data-form/material.scss +13 -2
  55. package/SCSS-Themes/inputs/data-form/material3-dark.scss +13 -2
  56. package/SCSS-Themes/inputs/data-form/material3.scss +13 -2
  57. package/SCSS-Themes/inputs/data-form/tailwind-dark.scss +13 -2
  58. package/SCSS-Themes/inputs/data-form/tailwind.scss +13 -2
  59. package/SCSS-Themes/material-dark.scss +52 -11
  60. package/SCSS-Themes/material.scss +52 -11
  61. package/SCSS-Themes/material3-dark.scss +53 -12
  62. package/SCSS-Themes/material3.scss +53 -12
  63. package/SCSS-Themes/navigations/toolbar/bootstrap-dark.scss +2 -2
  64. package/SCSS-Themes/navigations/toolbar/bootstrap4.scss +2 -2
  65. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +25 -5
  66. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +25 -5
  67. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +28 -8
  68. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +25 -5
  69. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +25 -5
  70. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +25 -5
  71. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +25 -5
  72. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +26 -6
  73. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +26 -6
  74. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +25 -5
  75. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +25 -5
  76. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +25 -5
  77. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +26 -6
  78. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +26 -6
  79. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +25 -5
  80. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +25 -5
  81. package/SCSS-Themes/tailwind-dark.scss +51 -10
  82. package/SCSS-Themes/tailwind.scss +51 -10
  83. package/SCSS-Themes/treegrid/treegrid/bootstrap-dark.scss +1 -2
  84. package/SCSS-Themes/treegrid/treegrid/bootstrap.scss +1 -2
  85. package/SCSS-Themes/treegrid/treegrid/bootstrap4.scss +1 -2
  86. package/SCSS-Themes/treegrid/treegrid/bootstrap5-dark.scss +1 -2
  87. package/SCSS-Themes/treegrid/treegrid/bootstrap5.scss +1 -2
  88. package/SCSS-Themes/treegrid/treegrid/fabric-dark.scss +1 -2
  89. package/SCSS-Themes/treegrid/treegrid/fabric.scss +1 -2
  90. package/SCSS-Themes/treegrid/treegrid/fluent-dark.scss +1 -2
  91. package/SCSS-Themes/treegrid/treegrid/fluent.scss +1 -2
  92. package/SCSS-Themes/treegrid/treegrid/highcontrast.scss +1 -2
  93. package/SCSS-Themes/treegrid/treegrid/material-dark.scss +1 -2
  94. package/SCSS-Themes/treegrid/treegrid/material.scss +1 -2
  95. package/SCSS-Themes/treegrid/treegrid/material3-dark.scss +1 -2
  96. package/SCSS-Themes/treegrid/treegrid/material3.scss +1 -2
  97. package/SCSS-Themes/treegrid/treegrid/tailwind-dark.scss +1 -2
  98. package/SCSS-Themes/treegrid/treegrid/tailwind.scss +1 -2
  99. package/package.json +1 -1
@@ -27270,7 +27270,7 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
27270
27270
  color: $calendar-today-disabled-color;
27271
27271
  }
27272
27272
  }
27273
- .e-calendar .e-cell.e-focused-cell {
27273
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
27274
27274
  box-shadow: $calendar-focused-cell-box-shadow;
27275
27275
  border-radius: $calendar-border-radius;
27276
27276
  }
@@ -80484,6 +80484,8 @@ margin: $grid-group-animator-cell-margin;
80484
80484
  }
80485
80485
 
80486
80486
  &.e-lib .e-leftfreeze,
80487
+ &.e-lib.e-grid .e-headercell.e-leftfreeze,
80488
+ &.e-lib.e-grid .e-headercell.e-rightfreeze,
80487
80489
  &.e-lib .e-rightfreeze,
80488
80490
  .e-leftfreeze,
80489
80491
  .e-rightfreeze {
@@ -80492,6 +80494,7 @@ margin: $grid-group-animator-cell-margin;
80492
80494
  }
80493
80495
 
80494
80496
  &.e-lib .e-fixedfreeze,
80497
+ &.e-lib.e-grid .e-headercell.e-fixedfreeze,
80495
80498
  .e-fixedfreeze {
80496
80499
  position: sticky;
80497
80500
  z-index: 3;
@@ -80552,6 +80555,7 @@ margin: $grid-group-animator-cell-margin;
80552
80555
  overflow-x: hidden;
80553
80556
  }
80554
80557
 
80558
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
80555
80559
  &.e-lib .e-leftfreeze.e-freezeleftborder,
80556
80560
  .e-leftfreeze.e-freezeleftborder {
80557
80561
  border-right-width: 2px;
@@ -80583,6 +80587,7 @@ margin: $grid-group-animator-cell-margin;
80583
80587
  box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
80584
80588
  }
80585
80589
 
80590
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
80586
80591
  &.e-lib .e-rightfreeze.e-freezerightborder,
80587
80592
  .e-rightfreeze.e-freezerightborder {
80588
80593
  border-left-width: 2px;
@@ -80614,11 +80619,13 @@ margin: $grid-group-animator-cell-margin;
80614
80619
  box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
80615
80620
  }
80616
80621
 
80622
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
80617
80623
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
80618
80624
  .e-fixedfreeze.e-freezeleftborder {
80619
80625
  border-left-width: 1px;
80620
80626
  }
80621
80627
 
80628
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
80622
80629
  &.e-lib .e-fixedfreeze.e-freezerightborder,
80623
80630
  .e-fixedfreeze.e-freezerightborder {
80624
80631
  border-right-width: 1px;
@@ -80757,21 +80764,25 @@ margin: $grid-group-animator-cell-margin;
80757
80764
  }
80758
80765
  }
80759
80766
 
80767
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
80760
80768
  &.e-lib .e-leftfreeze.e-freezeleftborder,
80761
80769
  .e-leftfreeze.e-freezeleftborder {
80762
80770
  border-left-width: 2px;
80763
80771
  }
80764
80772
 
80773
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
80765
80774
  &.e-lib .e-rightfreeze.e-freezerightborder,
80766
80775
  .e-rightfreeze.e-freezerightborder {
80767
80776
  border-right-width: 2px;
80768
80777
  }
80769
80778
 
80779
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
80770
80780
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
80771
80781
  .e-fixedfreeze.e-freezeleftborder {
80772
80782
  border-right-width: 1px;
80773
80783
  }
80774
80784
 
80785
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
80775
80786
  &.e-lib .e-fixedfreeze.e-freezerightborder,
80776
80787
  .e-fixedfreeze.e-freezerightborder {
80777
80788
  border-left-width: 1px;
@@ -86974,50 +86985,63 @@ $form-button-padding: 7px 16px !default;
86974
86985
  display: grid;
86975
86986
  }
86976
86987
 
86988
+ /* stylelint-disable property-no-vendor-prefix */
86977
86989
  #{if(&, '&', '*')} .e-grid-col-2 {
86990
+ -ms-grid-columns: repeat(2, 1fr);
86978
86991
  grid-template-columns: repeat(2, minmax(0, 1fr));
86979
86992
  }
86980
86993
 
86981
86994
  #{if(&, '&', '*')} .e-grid-col-3 {
86995
+ -ms-grid-columns: repeat(3, 1fr);
86982
86996
  grid-template-columns: repeat(3, minmax(0, 1fr));
86983
86997
  }
86984
86998
 
86985
86999
  #{if(&, '&', '*')} .e-grid-col-4 {
87000
+ -ms-grid-columns: repeat(4, 1fr);
86986
87001
  grid-template-columns: repeat(4, minmax(0, 1fr));
86987
87002
  }
86988
87003
 
86989
87004
  #{if(&, '&', '*')} .e-grid-col-5 {
87005
+ -ms-grid-columns: repeat(5, 1fr);
86990
87006
  grid-template-columns: repeat(5, minmax(0, 1fr));
86991
87007
  }
86992
87008
 
86993
87009
  #{if(&, '&', '*')} .e-grid-col-6 {
87010
+ -ms-grid-columns: repeat(6, 1fr);
86994
87011
  grid-template-columns: repeat(6, minmax(0, 1fr));
86995
87012
  }
86996
87013
 
86997
87014
  #{if(&, '&', '*')} .e-grid-col-7 {
87015
+ -ms-grid-columns: repeat(7, 1fr);
86998
87016
  grid-template-columns: repeat(7, minmax(0, 1fr));
86999
87017
  }
87000
87018
 
87001
87019
  #{if(&, '&', '*')} .e-grid-col-8 {
87020
+ -ms-grid-columns: repeat(8, 1fr);
87002
87021
  grid-template-columns: repeat(8, minmax(0, 1fr));
87003
87022
  }
87004
87023
 
87005
87024
  #{if(&, '&', '*')} .e-grid-col-9 {
87025
+ -ms-grid-columns: repeat(9, 1fr);
87006
87026
  grid-template-columns: repeat(9, minmax(0, 1fr));
87007
87027
  }
87008
87028
 
87009
87029
  #{if(&, '&', '*')} .e-grid-col-10 {
87030
+ -ms-grid-columns: repeat(10, 1fr);
87010
87031
  grid-template-columns: repeat(10, minmax(0, 1fr));
87011
87032
  }
87012
87033
 
87013
87034
  #{if(&, '&', '*')} .e-grid-col-11 {
87035
+ -ms-grid-columns: repeat(11, 1fr);
87014
87036
  grid-template-columns: repeat(11, minmax(0, 1fr));
87015
87037
  }
87016
87038
 
87017
87039
  #{if(&, '&', '*')} .e-grid-col-12 {
87040
+ -ms-grid-columns: repeat(12, 1fr);
87018
87041
  grid-template-columns: repeat(12, minmax(0, 1fr));
87019
87042
  }
87020
87043
 
87044
+ /* stylelint-enable property-no-vendor-prefix */
87021
87045
  #{if(&, '&', '*')} .e-colspan-1 {
87022
87046
  grid-column: span 1/span 1;
87023
87047
  }
@@ -87066,8 +87090,6 @@ $form-button-padding: 7px 16px !default;
87066
87090
  grid-column: span 12/span 12;
87067
87091
  }
87068
87092
 
87069
-
87070
-
87071
87093
  .e-label-left {
87072
87094
 
87073
87095
  .e-form-item-wrapper {
@@ -87500,8 +87522,7 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
87500
87522
  .e-gridcontent .e-table .e-detail-intent,
87501
87523
  .e-table .e-detailrow .e-detailindentcell,
87502
87524
  .e-table .e-detailrowexpand,
87503
- .e-table .e-detailrowcollapse,
87504
- .e-filterbarcell.e-mastercell {
87525
+ .e-table .e-detailrowcollapse {
87505
87526
  display: none;
87506
87527
  }
87507
87528
 
@@ -89839,7 +89860,8 @@ $rte-default-character-count-opacity: .8;
89839
89860
  $rte-droparea-line-height: 10;
89840
89861
  $rte-droparea-browsebtn-height: 36px;
89841
89862
  $rte-droparea-browsebtn-padding: 0 18px;
89842
- $rte-droparea-browsebtn-top: -50px;
89863
+ $rte-droparea-browsebtn-top: -120px;
89864
+ $rte-big-droparea-browsebtn-top: -120px;
89843
89865
  $rte-insert-dialog-font-size: 15px;
89844
89866
  $rte-big-insert-dialog-font-size: 15px;
89845
89867
  $rte-table-popup-tablecell-height: 14px;
@@ -89923,7 +89945,7 @@ $rte-font-family: $font-family !default;
89923
89945
  $rte-content-color: $content-text-color !default;
89924
89946
  $rte-content-blockquote-border-left-color: solid 2px $content-text-color !default;
89925
89947
  $rte-dropdown-selection-bgcolor: $secondary-bg-color-pressed !default;
89926
- $rte-ext-tbar-overlay-icons-color: $icon-color-disabled !default;
89948
+ $rte-ext-tbar-overlay-icons-color: $icon-color !default;
89927
89949
  $rte-overlay-color: $overlay-bg-color !default;
89928
89950
  $rte-dropdown-selection-color: $secondary-text-color-pressed !default;
89929
89951
  $rte-anchor-color: $primary !default;
@@ -89981,7 +90003,8 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
89981
90003
  $rte-big-table-dlg-max-height: 306px !default;
89982
90004
  $rte-big-edit-table-dlg-max-height: 388px !default;
89983
90005
  $rte-drop-text-width: 292px !default;
89984
- $rte-drop-text-height: 185px !default;
90006
+ $rte-drop-text-height: 128px !default;
90007
+ $rte-big-drop-text-height: 140px !default;
89985
90008
  $rte-drop-text-mobile-width: 242px !default;
89986
90009
  $rte-tbar-default-bg: $content-bg-color-alt2;
89987
90010
  $rte-big-insert-dialog-label-padding-top: 12px;
@@ -90151,6 +90174,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90151
90174
  .e-rte-content .e-content {
90152
90175
  font-size: $rte-big-content-font-size;
90153
90176
  }
90177
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
90178
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
90179
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
90180
+ top: $rte-big-droparea-browsebtn-top;
90181
+ }
90154
90182
  }
90155
90183
 
90156
90184
  .e-richtexteditor {
@@ -91123,7 +91151,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91123
91151
 
91124
91152
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
91125
91153
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
91126
- top: -130px;
91154
+ top: $rte-droparea-browsebtn-top;
91127
91155
  }
91128
91156
 
91129
91157
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -92030,7 +92058,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92030
92058
 
92031
92059
  @if $skin-name == 'Material3' {
92032
92060
  .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
92033
- border-color: $outline;
92061
+ font-weight: $font-weight;
92062
+ border: 1px solid rgba($info-outline-border);
92063
+ border-radius: 20px;
92034
92064
  }
92035
92065
  .e-dialog .e-dlg-header-content + .e-dlg-content{
92036
92066
  padding-top: 0;
@@ -92696,7 +92726,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92696
92726
  }
92697
92727
 
92698
92728
  .e-dialog .e-vid-uploadwrap .e-droptext {
92699
- height: 108px;
92729
+ height: $rte-drop-text-height;
92730
+ }
92731
+
92732
+ .e-bigger .e-richtexteditor {
92733
+ .e-dialog .e-img-uploadwrap .e-droptext,
92734
+ .e-dialog .e-aud-uploadwrap .e-droptext,
92735
+ .e-dialog .e-vid-uploadwrap .e-droptext {
92736
+ height: $rte-big-drop-text-height;
92737
+ }
92700
92738
  }
92701
92739
 
92702
92740
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -93018,6 +93056,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
93018
93056
  .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
93019
93057
  border-top-right-radius: $rte-border-top-right-radius;
93020
93058
  }
93059
+ .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
93060
+ color: $rte-content-color;
93061
+ }
93021
93062
  }
93022
93063
  // Blazor styles start
93023
93064
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
@@ -27271,7 +27271,7 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
27271
27271
  color: $calendar-today-disabled-color;
27272
27272
  }
27273
27273
  }
27274
- .e-calendar .e-cell.e-focused-cell {
27274
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
27275
27275
  box-shadow: $calendar-focused-cell-box-shadow;
27276
27276
  border-radius: $calendar-border-radius;
27277
27277
  }
@@ -80485,6 +80485,8 @@ margin: $grid-group-animator-cell-margin;
80485
80485
  }
80486
80486
 
80487
80487
  &.e-lib .e-leftfreeze,
80488
+ &.e-lib.e-grid .e-headercell.e-leftfreeze,
80489
+ &.e-lib.e-grid .e-headercell.e-rightfreeze,
80488
80490
  &.e-lib .e-rightfreeze,
80489
80491
  .e-leftfreeze,
80490
80492
  .e-rightfreeze {
@@ -80493,6 +80495,7 @@ margin: $grid-group-animator-cell-margin;
80493
80495
  }
80494
80496
 
80495
80497
  &.e-lib .e-fixedfreeze,
80498
+ &.e-lib.e-grid .e-headercell.e-fixedfreeze,
80496
80499
  .e-fixedfreeze {
80497
80500
  position: sticky;
80498
80501
  z-index: 3;
@@ -80553,6 +80556,7 @@ margin: $grid-group-animator-cell-margin;
80553
80556
  overflow-x: hidden;
80554
80557
  }
80555
80558
 
80559
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
80556
80560
  &.e-lib .e-leftfreeze.e-freezeleftborder,
80557
80561
  .e-leftfreeze.e-freezeleftborder {
80558
80562
  border-right-width: 2px;
@@ -80584,6 +80588,7 @@ margin: $grid-group-animator-cell-margin;
80584
80588
  box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
80585
80589
  }
80586
80590
 
80591
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
80587
80592
  &.e-lib .e-rightfreeze.e-freezerightborder,
80588
80593
  .e-rightfreeze.e-freezerightborder {
80589
80594
  border-left-width: 2px;
@@ -80615,11 +80620,13 @@ margin: $grid-group-animator-cell-margin;
80615
80620
  box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
80616
80621
  }
80617
80622
 
80623
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
80618
80624
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
80619
80625
  .e-fixedfreeze.e-freezeleftborder {
80620
80626
  border-left-width: 1px;
80621
80627
  }
80622
80628
 
80629
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
80623
80630
  &.e-lib .e-fixedfreeze.e-freezerightborder,
80624
80631
  .e-fixedfreeze.e-freezerightborder {
80625
80632
  border-right-width: 1px;
@@ -80758,21 +80765,25 @@ margin: $grid-group-animator-cell-margin;
80758
80765
  }
80759
80766
  }
80760
80767
 
80768
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
80761
80769
  &.e-lib .e-leftfreeze.e-freezeleftborder,
80762
80770
  .e-leftfreeze.e-freezeleftborder {
80763
80771
  border-left-width: 2px;
80764
80772
  }
80765
80773
 
80774
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
80766
80775
  &.e-lib .e-rightfreeze.e-freezerightborder,
80767
80776
  .e-rightfreeze.e-freezerightborder {
80768
80777
  border-right-width: 2px;
80769
80778
  }
80770
80779
 
80780
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
80771
80781
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
80772
80782
  .e-fixedfreeze.e-freezeleftborder {
80773
80783
  border-right-width: 1px;
80774
80784
  }
80775
80785
 
80786
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
80776
80787
  &.e-lib .e-fixedfreeze.e-freezerightborder,
80777
80788
  .e-fixedfreeze.e-freezerightborder {
80778
80789
  border-left-width: 1px;
@@ -86975,50 +86986,63 @@ $form-button-padding: 7px 16px !default;
86975
86986
  display: grid;
86976
86987
  }
86977
86988
 
86989
+ /* stylelint-disable property-no-vendor-prefix */
86978
86990
  #{if(&, '&', '*')} .e-grid-col-2 {
86991
+ -ms-grid-columns: repeat(2, 1fr);
86979
86992
  grid-template-columns: repeat(2, minmax(0, 1fr));
86980
86993
  }
86981
86994
 
86982
86995
  #{if(&, '&', '*')} .e-grid-col-3 {
86996
+ -ms-grid-columns: repeat(3, 1fr);
86983
86997
  grid-template-columns: repeat(3, minmax(0, 1fr));
86984
86998
  }
86985
86999
 
86986
87000
  #{if(&, '&', '*')} .e-grid-col-4 {
87001
+ -ms-grid-columns: repeat(4, 1fr);
86987
87002
  grid-template-columns: repeat(4, minmax(0, 1fr));
86988
87003
  }
86989
87004
 
86990
87005
  #{if(&, '&', '*')} .e-grid-col-5 {
87006
+ -ms-grid-columns: repeat(5, 1fr);
86991
87007
  grid-template-columns: repeat(5, minmax(0, 1fr));
86992
87008
  }
86993
87009
 
86994
87010
  #{if(&, '&', '*')} .e-grid-col-6 {
87011
+ -ms-grid-columns: repeat(6, 1fr);
86995
87012
  grid-template-columns: repeat(6, minmax(0, 1fr));
86996
87013
  }
86997
87014
 
86998
87015
  #{if(&, '&', '*')} .e-grid-col-7 {
87016
+ -ms-grid-columns: repeat(7, 1fr);
86999
87017
  grid-template-columns: repeat(7, minmax(0, 1fr));
87000
87018
  }
87001
87019
 
87002
87020
  #{if(&, '&', '*')} .e-grid-col-8 {
87021
+ -ms-grid-columns: repeat(8, 1fr);
87003
87022
  grid-template-columns: repeat(8, minmax(0, 1fr));
87004
87023
  }
87005
87024
 
87006
87025
  #{if(&, '&', '*')} .e-grid-col-9 {
87026
+ -ms-grid-columns: repeat(9, 1fr);
87007
87027
  grid-template-columns: repeat(9, minmax(0, 1fr));
87008
87028
  }
87009
87029
 
87010
87030
  #{if(&, '&', '*')} .e-grid-col-10 {
87031
+ -ms-grid-columns: repeat(10, 1fr);
87011
87032
  grid-template-columns: repeat(10, minmax(0, 1fr));
87012
87033
  }
87013
87034
 
87014
87035
  #{if(&, '&', '*')} .e-grid-col-11 {
87036
+ -ms-grid-columns: repeat(11, 1fr);
87015
87037
  grid-template-columns: repeat(11, minmax(0, 1fr));
87016
87038
  }
87017
87039
 
87018
87040
  #{if(&, '&', '*')} .e-grid-col-12 {
87041
+ -ms-grid-columns: repeat(12, 1fr);
87019
87042
  grid-template-columns: repeat(12, minmax(0, 1fr));
87020
87043
  }
87021
87044
 
87045
+ /* stylelint-enable property-no-vendor-prefix */
87022
87046
  #{if(&, '&', '*')} .e-colspan-1 {
87023
87047
  grid-column: span 1/span 1;
87024
87048
  }
@@ -87067,8 +87091,6 @@ $form-button-padding: 7px 16px !default;
87067
87091
  grid-column: span 12/span 12;
87068
87092
  }
87069
87093
 
87070
-
87071
-
87072
87094
  .e-label-left {
87073
87095
 
87074
87096
  .e-form-item-wrapper {
@@ -87501,8 +87523,7 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
87501
87523
  .e-gridcontent .e-table .e-detail-intent,
87502
87524
  .e-table .e-detailrow .e-detailindentcell,
87503
87525
  .e-table .e-detailrowexpand,
87504
- .e-table .e-detailrowcollapse,
87505
- .e-filterbarcell.e-mastercell {
87526
+ .e-table .e-detailrowcollapse {
87506
87527
  display: none;
87507
87528
  }
87508
87529
 
@@ -89840,7 +89861,8 @@ $rte-default-character-count-opacity: .8;
89840
89861
  $rte-droparea-line-height: 10;
89841
89862
  $rte-droparea-browsebtn-height: 36px;
89842
89863
  $rte-droparea-browsebtn-padding: 0 18px;
89843
- $rte-droparea-browsebtn-top: -50px;
89864
+ $rte-droparea-browsebtn-top: -120px;
89865
+ $rte-big-droparea-browsebtn-top: -120px;
89844
89866
  $rte-insert-dialog-font-size: 15px;
89845
89867
  $rte-big-insert-dialog-font-size: 15px;
89846
89868
  $rte-table-popup-tablecell-height: 14px;
@@ -89924,7 +89946,7 @@ $rte-font-family: $font-family !default;
89924
89946
  $rte-content-color: $content-text-color !default;
89925
89947
  $rte-content-blockquote-border-left-color: solid 2px $content-text-color !default;
89926
89948
  $rte-dropdown-selection-bgcolor: $secondary-bg-color-pressed !default;
89927
- $rte-ext-tbar-overlay-icons-color: $icon-color-disabled !default;
89949
+ $rte-ext-tbar-overlay-icons-color: $icon-color !default;
89928
89950
  $rte-overlay-color: $overlay-bg-color !default;
89929
89951
  $rte-dropdown-selection-color: $secondary-text-color-pressed !default;
89930
89952
  $rte-anchor-color: $primary !default;
@@ -89982,7 +90004,8 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
89982
90004
  $rte-big-table-dlg-max-height: 306px !default;
89983
90005
  $rte-big-edit-table-dlg-max-height: 388px !default;
89984
90006
  $rte-drop-text-width: 292px !default;
89985
- $rte-drop-text-height: 185px !default;
90007
+ $rte-drop-text-height: 128px !default;
90008
+ $rte-big-drop-text-height: 140px !default;
89986
90009
  $rte-drop-text-mobile-width: 242px !default;
89987
90010
  $rte-tbar-default-bg: $content-bg-color-alt2;
89988
90011
  $rte-big-insert-dialog-label-padding-top: 12px;
@@ -90152,6 +90175,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90152
90175
  .e-rte-content .e-content {
90153
90176
  font-size: $rte-big-content-font-size;
90154
90177
  }
90178
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
90179
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
90180
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
90181
+ top: $rte-big-droparea-browsebtn-top;
90182
+ }
90155
90183
  }
90156
90184
 
90157
90185
  .e-richtexteditor {
@@ -91124,7 +91152,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91124
91152
 
91125
91153
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
91126
91154
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
91127
- top: -130px;
91155
+ top: $rte-droparea-browsebtn-top;
91128
91156
  }
91129
91157
 
91130
91158
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -92031,7 +92059,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92031
92059
 
92032
92060
  @if $skin-name == 'Material3' {
92033
92061
  .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
92034
- border-color: $outline;
92062
+ font-weight: $font-weight;
92063
+ border: 1px solid rgba($info-outline-border);
92064
+ border-radius: 20px;
92035
92065
  }
92036
92066
  .e-dialog .e-dlg-header-content + .e-dlg-content{
92037
92067
  padding-top: 0;
@@ -92697,7 +92727,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92697
92727
  }
92698
92728
 
92699
92729
  .e-dialog .e-vid-uploadwrap .e-droptext {
92700
- height: 108px;
92730
+ height: $rte-drop-text-height;
92731
+ }
92732
+
92733
+ .e-bigger .e-richtexteditor {
92734
+ .e-dialog .e-img-uploadwrap .e-droptext,
92735
+ .e-dialog .e-aud-uploadwrap .e-droptext,
92736
+ .e-dialog .e-vid-uploadwrap .e-droptext {
92737
+ height: $rte-big-drop-text-height;
92738
+ }
92701
92739
  }
92702
92740
 
92703
92741
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -93019,6 +93057,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
93019
93057
  .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
93020
93058
  border-top-right-radius: $rte-border-top-right-radius;
93021
93059
  }
93060
+ .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
93061
+ color: $rte-content-color;
93062
+ }
93022
93063
  }
93023
93064
  // Blazor styles start
93024
93065
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
@@ -4080,6 +4080,8 @@ margin: $grid-group-animator-cell-margin;
4080
4080
  }
4081
4081
 
4082
4082
  &.e-lib .e-leftfreeze,
4083
+ &.e-lib.e-grid .e-headercell.e-leftfreeze,
4084
+ &.e-lib.e-grid .e-headercell.e-rightfreeze,
4083
4085
  &.e-lib .e-rightfreeze,
4084
4086
  .e-leftfreeze,
4085
4087
  .e-rightfreeze {
@@ -4088,6 +4090,7 @@ margin: $grid-group-animator-cell-margin;
4088
4090
  }
4089
4091
 
4090
4092
  &.e-lib .e-fixedfreeze,
4093
+ &.e-lib.e-grid .e-headercell.e-fixedfreeze,
4091
4094
  .e-fixedfreeze {
4092
4095
  position: sticky;
4093
4096
  z-index: 3;
@@ -4148,6 +4151,7 @@ margin: $grid-group-animator-cell-margin;
4148
4151
  overflow-x: hidden;
4149
4152
  }
4150
4153
 
4154
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4151
4155
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4152
4156
  .e-leftfreeze.e-freezeleftborder {
4153
4157
  border-right-width: 2px;
@@ -4179,6 +4183,7 @@ margin: $grid-group-animator-cell-margin;
4179
4183
  box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
4180
4184
  }
4181
4185
 
4186
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4182
4187
  &.e-lib .e-rightfreeze.e-freezerightborder,
4183
4188
  .e-rightfreeze.e-freezerightborder {
4184
4189
  border-left-width: 2px;
@@ -4210,11 +4215,13 @@ margin: $grid-group-animator-cell-margin;
4210
4215
  box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
4211
4216
  }
4212
4217
 
4218
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4213
4219
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4214
4220
  .e-fixedfreeze.e-freezeleftborder {
4215
4221
  border-left-width: 1px;
4216
4222
  }
4217
4223
 
4224
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4218
4225
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4219
4226
  .e-fixedfreeze.e-freezerightborder {
4220
4227
  border-right-width: 1px;
@@ -4353,21 +4360,25 @@ margin: $grid-group-animator-cell-margin;
4353
4360
  }
4354
4361
  }
4355
4362
 
4363
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4356
4364
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4357
4365
  .e-leftfreeze.e-freezeleftborder {
4358
4366
  border-left-width: 2px;
4359
4367
  }
4360
4368
 
4369
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4361
4370
  &.e-lib .e-rightfreeze.e-freezerightborder,
4362
4371
  .e-rightfreeze.e-freezerightborder {
4363
4372
  border-right-width: 2px;
4364
4373
  }
4365
4374
 
4375
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4366
4376
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4367
4377
  .e-fixedfreeze.e-freezeleftborder {
4368
4378
  border-right-width: 1px;
4369
4379
  }
4370
4380
 
4381
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4371
4382
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4372
4383
  .e-fixedfreeze.e-freezerightborder {
4373
4384
  border-left-width: 1px;
@@ -4082,6 +4082,8 @@ margin: $grid-group-animator-cell-margin;
4082
4082
  }
4083
4083
 
4084
4084
  &.e-lib .e-leftfreeze,
4085
+ &.e-lib.e-grid .e-headercell.e-leftfreeze,
4086
+ &.e-lib.e-grid .e-headercell.e-rightfreeze,
4085
4087
  &.e-lib .e-rightfreeze,
4086
4088
  .e-leftfreeze,
4087
4089
  .e-rightfreeze {
@@ -4090,6 +4092,7 @@ margin: $grid-group-animator-cell-margin;
4090
4092
  }
4091
4093
 
4092
4094
  &.e-lib .e-fixedfreeze,
4095
+ &.e-lib.e-grid .e-headercell.e-fixedfreeze,
4093
4096
  .e-fixedfreeze {
4094
4097
  position: sticky;
4095
4098
  z-index: 3;
@@ -4150,6 +4153,7 @@ margin: $grid-group-animator-cell-margin;
4150
4153
  overflow-x: hidden;
4151
4154
  }
4152
4155
 
4156
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4153
4157
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4154
4158
  .e-leftfreeze.e-freezeleftborder {
4155
4159
  border-right-width: 2px;
@@ -4181,6 +4185,7 @@ margin: $grid-group-animator-cell-margin;
4181
4185
  box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
4182
4186
  }
4183
4187
 
4188
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4184
4189
  &.e-lib .e-rightfreeze.e-freezerightborder,
4185
4190
  .e-rightfreeze.e-freezerightborder {
4186
4191
  border-left-width: 2px;
@@ -4212,11 +4217,13 @@ margin: $grid-group-animator-cell-margin;
4212
4217
  box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
4213
4218
  }
4214
4219
 
4220
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4215
4221
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4216
4222
  .e-fixedfreeze.e-freezeleftborder {
4217
4223
  border-left-width: 1px;
4218
4224
  }
4219
4225
 
4226
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4220
4227
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4221
4228
  .e-fixedfreeze.e-freezerightborder {
4222
4229
  border-right-width: 1px;
@@ -4355,21 +4362,25 @@ margin: $grid-group-animator-cell-margin;
4355
4362
  }
4356
4363
  }
4357
4364
 
4365
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4358
4366
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4359
4367
  .e-leftfreeze.e-freezeleftborder {
4360
4368
  border-left-width: 2px;
4361
4369
  }
4362
4370
 
4371
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4363
4372
  &.e-lib .e-rightfreeze.e-freezerightborder,
4364
4373
  .e-rightfreeze.e-freezerightborder {
4365
4374
  border-right-width: 2px;
4366
4375
  }
4367
4376
 
4377
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4368
4378
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4369
4379
  .e-fixedfreeze.e-freezeleftborder {
4370
4380
  border-right-width: 1px;
4371
4381
  }
4372
4382
 
4383
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4373
4384
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4374
4385
  .e-fixedfreeze.e-freezerightborder {
4375
4386
  border-left-width: 1px;