@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
@@ -26155,7 +26155,7 @@ $calendar-normal-year-decade-height: 56px !default;
26155
26155
  $calendar-normal-header-height: 40px !default;
26156
26156
  $calendar-normal-icon-size: 36px !default;
26157
26157
  $calendar-normal-today-button-height: 36px !default;
26158
- $calendar-border-radius: 4px !default;
26158
+ $calendar-border-radius: 32px !default;
26159
26159
  $calendar-pointer-events: initial !default;
26160
26160
  $calendar-float-right-style: right !default;
26161
26161
  $calendar-icon-padding-top: 0 !default;
@@ -27629,7 +27629,7 @@ $calendar-small-font-size: $text-xs !default;
27629
27629
  color: $calendar-today-disabled-color;
27630
27630
  }
27631
27631
  }
27632
- .e-calendar .e-cell.e-focused-cell {
27632
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
27633
27633
  box-shadow: $calendar-focused-cell-box-shadow;
27634
27634
  border-radius: $calendar-border-radius;
27635
27635
  }
@@ -81528,6 +81528,8 @@ margin: $grid-group-animator-cell-margin;
81528
81528
  }
81529
81529
 
81530
81530
  &.e-lib .e-leftfreeze,
81531
+ &.e-lib.e-grid .e-headercell.e-leftfreeze,
81532
+ &.e-lib.e-grid .e-headercell.e-rightfreeze,
81531
81533
  &.e-lib .e-rightfreeze,
81532
81534
  .e-leftfreeze,
81533
81535
  .e-rightfreeze {
@@ -81536,6 +81538,7 @@ margin: $grid-group-animator-cell-margin;
81536
81538
  }
81537
81539
 
81538
81540
  &.e-lib .e-fixedfreeze,
81541
+ &.e-lib.e-grid .e-headercell.e-fixedfreeze,
81539
81542
  .e-fixedfreeze {
81540
81543
  position: sticky;
81541
81544
  z-index: 3;
@@ -81596,6 +81599,7 @@ margin: $grid-group-animator-cell-margin;
81596
81599
  overflow-x: hidden;
81597
81600
  }
81598
81601
 
81602
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
81599
81603
  &.e-lib .e-leftfreeze.e-freezeleftborder,
81600
81604
  .e-leftfreeze.e-freezeleftborder {
81601
81605
  border-right-width: 2px;
@@ -81627,6 +81631,7 @@ margin: $grid-group-animator-cell-margin;
81627
81631
  box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
81628
81632
  }
81629
81633
 
81634
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
81630
81635
  &.e-lib .e-rightfreeze.e-freezerightborder,
81631
81636
  .e-rightfreeze.e-freezerightborder {
81632
81637
  border-left-width: 2px;
@@ -81658,11 +81663,13 @@ margin: $grid-group-animator-cell-margin;
81658
81663
  box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
81659
81664
  }
81660
81665
 
81666
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
81661
81667
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
81662
81668
  .e-fixedfreeze.e-freezeleftborder {
81663
81669
  border-left-width: 1px;
81664
81670
  }
81665
81671
 
81672
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
81666
81673
  &.e-lib .e-fixedfreeze.e-freezerightborder,
81667
81674
  .e-fixedfreeze.e-freezerightborder {
81668
81675
  border-right-width: 1px;
@@ -81801,21 +81808,25 @@ margin: $grid-group-animator-cell-margin;
81801
81808
  }
81802
81809
  }
81803
81810
 
81811
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
81804
81812
  &.e-lib .e-leftfreeze.e-freezeleftborder,
81805
81813
  .e-leftfreeze.e-freezeleftborder {
81806
81814
  border-left-width: 2px;
81807
81815
  }
81808
81816
 
81817
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
81809
81818
  &.e-lib .e-rightfreeze.e-freezerightborder,
81810
81819
  .e-rightfreeze.e-freezerightborder {
81811
81820
  border-right-width: 2px;
81812
81821
  }
81813
81822
 
81823
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
81814
81824
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
81815
81825
  .e-fixedfreeze.e-freezeleftborder {
81816
81826
  border-right-width: 1px;
81817
81827
  }
81818
81828
 
81829
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
81819
81830
  &.e-lib .e-fixedfreeze.e-freezerightborder,
81820
81831
  .e-fixedfreeze.e-freezerightborder {
81821
81832
  border-left-width: 1px;
@@ -88036,50 +88047,63 @@ $form-button-padding: 7px 16px !default;
88036
88047
  display: grid;
88037
88048
  }
88038
88049
 
88050
+ /* stylelint-disable property-no-vendor-prefix */
88039
88051
  #{if(&, '&', '*')} .e-grid-col-2 {
88052
+ -ms-grid-columns: repeat(2, 1fr);
88040
88053
  grid-template-columns: repeat(2, minmax(0, 1fr));
88041
88054
  }
88042
88055
 
88043
88056
  #{if(&, '&', '*')} .e-grid-col-3 {
88057
+ -ms-grid-columns: repeat(3, 1fr);
88044
88058
  grid-template-columns: repeat(3, minmax(0, 1fr));
88045
88059
  }
88046
88060
 
88047
88061
  #{if(&, '&', '*')} .e-grid-col-4 {
88062
+ -ms-grid-columns: repeat(4, 1fr);
88048
88063
  grid-template-columns: repeat(4, minmax(0, 1fr));
88049
88064
  }
88050
88065
 
88051
88066
  #{if(&, '&', '*')} .e-grid-col-5 {
88067
+ -ms-grid-columns: repeat(5, 1fr);
88052
88068
  grid-template-columns: repeat(5, minmax(0, 1fr));
88053
88069
  }
88054
88070
 
88055
88071
  #{if(&, '&', '*')} .e-grid-col-6 {
88072
+ -ms-grid-columns: repeat(6, 1fr);
88056
88073
  grid-template-columns: repeat(6, minmax(0, 1fr));
88057
88074
  }
88058
88075
 
88059
88076
  #{if(&, '&', '*')} .e-grid-col-7 {
88077
+ -ms-grid-columns: repeat(7, 1fr);
88060
88078
  grid-template-columns: repeat(7, minmax(0, 1fr));
88061
88079
  }
88062
88080
 
88063
88081
  #{if(&, '&', '*')} .e-grid-col-8 {
88082
+ -ms-grid-columns: repeat(8, 1fr);
88064
88083
  grid-template-columns: repeat(8, minmax(0, 1fr));
88065
88084
  }
88066
88085
 
88067
88086
  #{if(&, '&', '*')} .e-grid-col-9 {
88087
+ -ms-grid-columns: repeat(9, 1fr);
88068
88088
  grid-template-columns: repeat(9, minmax(0, 1fr));
88069
88089
  }
88070
88090
 
88071
88091
  #{if(&, '&', '*')} .e-grid-col-10 {
88092
+ -ms-grid-columns: repeat(10, 1fr);
88072
88093
  grid-template-columns: repeat(10, minmax(0, 1fr));
88073
88094
  }
88074
88095
 
88075
88096
  #{if(&, '&', '*')} .e-grid-col-11 {
88097
+ -ms-grid-columns: repeat(11, 1fr);
88076
88098
  grid-template-columns: repeat(11, minmax(0, 1fr));
88077
88099
  }
88078
88100
 
88079
88101
  #{if(&, '&', '*')} .e-grid-col-12 {
88102
+ -ms-grid-columns: repeat(12, 1fr);
88080
88103
  grid-template-columns: repeat(12, minmax(0, 1fr));
88081
88104
  }
88082
88105
 
88106
+ /* stylelint-enable property-no-vendor-prefix */
88083
88107
  #{if(&, '&', '*')} .e-colspan-1 {
88084
88108
  grid-column: span 1/span 1;
88085
88109
  }
@@ -88128,8 +88152,6 @@ $form-button-padding: 7px 16px !default;
88128
88152
  grid-column: span 12/span 12;
88129
88153
  }
88130
88154
 
88131
-
88132
-
88133
88155
  .e-label-left {
88134
88156
 
88135
88157
  .e-form-item-wrapper {
@@ -88561,8 +88583,7 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
88561
88583
  .e-gridcontent .e-table .e-detail-intent,
88562
88584
  .e-table .e-detailrow .e-detailindentcell,
88563
88585
  .e-table .e-detailrowexpand,
88564
- .e-table .e-detailrowcollapse,
88565
- .e-filterbarcell.e-mastercell {
88586
+ .e-table .e-detailrowcollapse {
88566
88587
  display: none;
88567
88588
  }
88568
88589
 
@@ -90900,7 +90921,8 @@ $rte-default-character-count-opacity: 1;
90900
90921
  $rte-droparea-line-height: 10;
90901
90922
  $rte-droparea-browsebtn-height: 32px;
90902
90923
  $rte-droparea-browsebtn-padding: 6px 16px;
90903
- $rte-droparea-browsebtn-top: -50px;
90924
+ $rte-droparea-browsebtn-top: -120px;
90925
+ $rte-big-droparea-browsebtn-top: -120px;
90904
90926
  $rte-inline-dropdown-line-height: 14px !default;
90905
90927
  $rte-big-inline-dropdown-line-height: 14px !default;
90906
90928
  $rte-insert-dialog-font-size: 10px;
@@ -91043,7 +91065,8 @@ $rte-big-edit-table-dlg-max-height: 373px !default;
91043
91065
  $toolbar-expand-icon-min-height: 40px !default;
91044
91066
  $rte-align-caret-icon-min-width: 24px !default;
91045
91067
  $rte-drop-text-width: 280px !default;
91046
- $rte-drop-text-height: 185px !default;
91068
+ $rte-drop-text-height: 128px !default;
91069
+ $rte-big-drop-text-height: 140px !default;
91047
91070
  $rte-drop-text-mobile-width: 250px !default;
91048
91071
  $rte-tbar-default-bg: $content-bg-color-alt2 !default;
91049
91072
  $rte-extended-toolbar-items-padding: 0;
@@ -91057,7 +91080,7 @@ $rte-big-dropdown-btn-color-content-padding: 9.5px !default;
91057
91080
  $rte-tb-expended-min-height: 48px !default;
91058
91081
  $rte-big-tb-expended-min-height: 56px !default;
91059
91082
  $rte-tb-expended-padding-left: 1px !default;
91060
- $rte-tb-expended-hover-padding-left: 0 !default;
91083
+ $rte-tb-expended-hover-padding-left: 1px !default;
91061
91084
  $rte-toolbar-expaned-minwidth: 18px !default;
91062
91085
 
91063
91086
  $rte-emoji-pop-background: $flyout-bg-color;
@@ -91215,6 +91238,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91215
91238
  .e-rte-content .e-content {
91216
91239
  font-size: $rte-big-content-font-size;
91217
91240
  }
91241
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
91242
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
91243
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
91244
+ top: $rte-big-droparea-browsebtn-top;
91245
+ }
91218
91246
  }
91219
91247
 
91220
91248
  .e-richtexteditor {
@@ -92187,7 +92215,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92187
92215
 
92188
92216
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
92189
92217
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
92190
- top: -130px;
92218
+ top: $rte-droparea-browsebtn-top;
92191
92219
  }
92192
92220
 
92193
92221
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -93094,7 +93122,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
93094
93122
 
93095
93123
  @if $skin-name == 'Material3' {
93096
93124
  .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
93097
- border-color: $outline;
93125
+ font-weight: $font-weight;
93126
+ border: 1px solid rgba($info-outline-border);
93127
+ border-radius: 20px;
93098
93128
  }
93099
93129
  .e-dialog .e-dlg-header-content + .e-dlg-content{
93100
93130
  padding-top: 0;
@@ -93760,7 +93790,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
93760
93790
  }
93761
93791
 
93762
93792
  .e-dialog .e-vid-uploadwrap .e-droptext {
93763
- height: 108px;
93793
+ height: $rte-drop-text-height;
93794
+ }
93795
+
93796
+ .e-bigger .e-richtexteditor {
93797
+ .e-dialog .e-img-uploadwrap .e-droptext,
93798
+ .e-dialog .e-aud-uploadwrap .e-droptext,
93799
+ .e-dialog .e-vid-uploadwrap .e-droptext {
93800
+ height: $rte-big-drop-text-height;
93801
+ }
93764
93802
  }
93765
93803
 
93766
93804
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -94082,6 +94120,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
94082
94120
  .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
94083
94121
  border-top-right-radius: $rte-border-top-right-radius;
94084
94122
  }
94123
+ .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
94124
+ color: $rte-content-color;
94125
+ }
94085
94126
  }
94086
94127
  // Blazor styles start
94087
94128
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
@@ -138,13 +138,13 @@ $tbar-bgr-btn-icon-font-size: 16px !default;
138
138
  $tbar-bgr-btn-focus-padding: 0 6px !default;
139
139
 
140
140
  $tbar-nrml-btn-border-radius: 4px !default;
141
- $tbar-nrml-btn-focus-padding: 0 1.5px !default;
141
+ $tbar-nrml-btn-focus-padding: 1 2.5px !default;
142
142
  $tbar-nrml-btn-focus-outline: 0 !default;
143
143
 
144
144
  $tbar-btn-icons-focus-color: $grey-dark-font !default;
145
145
  $tbar-btn-text-focus-color: $grey-dark-font !default;
146
146
  $tbar-btn-focus-border-color: $tbar-focus-border-color !default;
147
- $tbar-btn-hover-border-size: $tbar-border-size !default;
147
+ $tbar-btn-hover-border-size: $tbar-zero-value !default;
148
148
  $tbar-btn-hover-active-icons-color: $grey-dark-font !default;
149
149
  $tbar-btn-hover-active-text-color: $grey-dark-font !default;
150
150
  $tbar-btn-overlay-opacity: .5 !default;
@@ -143,13 +143,13 @@ $tbar-bgr-btn-icon-font-size: 16px !default;
143
143
  $tbar-bgr-btn-focus-padding: 0 5.5px !default;
144
144
 
145
145
  $tbar-nrml-btn-border-radius: 4px !default;
146
- $tbar-nrml-btn-focus-padding: 0 2px !default;
146
+ $tbar-nrml-btn-focus-padding: 0 3px !default;
147
147
  $tbar-nrml-btn-focus-outline: 0 !default;
148
148
 
149
149
  $tbar-btn-icons-focus-color: inherit !default;
150
150
  $tbar-btn-text-focus-color: inherit !default;
151
151
  $tbar-btn-focus-border-color: $tbar-focus-border-color !default;
152
- $tbar-btn-hover-border-size: $tbar-border-size !default;
152
+ $tbar-btn-hover-border-size: $tbar-zero-value !default;
153
153
  $tbar-btn-hover-active-icons-color: inherit !default;
154
154
  $tbar-btn-hover-active-text-color: inherit !default;
155
155
  $tbar-btn-overlay-opacity: .65 !default;
@@ -248,13 +248,15 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
248
248
  $rte-big-table-dlg-max-height: 330px !default;
249
249
  $rte-big-edit-table-dlg-max-height: 414px !default;
250
250
  $rte-drop-text-width: 300px !default;
251
- $rte-drop-text-height: 185px !default;
251
+ $rte-drop-text-height: 128px !default;
252
+ $rte-big-drop-text-height: 140px !default;
252
253
  $rte-drop-text-mobile-width: 250px !default;
253
254
  $rte-tbar-default-bg: $grey-darker;
254
255
  $rte-droparea-line-height: 10;
255
256
  $rte-droparea-browsebtn-height: 36px;
256
257
  $rte-droparea-browsebtn-padding: 0 18px;
257
- $rte-droparea-browsebtn-top: -50px;
258
+ $rte-droparea-browsebtn-top: -120px;
259
+ $rte-big-droparea-browsebtn-top: -120px;
258
260
  $rte-insert-dialog-font-size: 15px;
259
261
  $rte-big-insert-dialog-font-size: 15px;
260
262
  $rte-table-popup-tablecell-height: 14px;
@@ -463,6 +465,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
463
465
  .e-rte-content .e-content {
464
466
  font-size: $rte-big-content-font-size;
465
467
  }
468
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
469
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
470
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
471
+ top: $rte-big-droparea-browsebtn-top;
472
+ }
466
473
  }
467
474
 
468
475
  .e-richtexteditor {
@@ -1435,7 +1442,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1435
1442
 
1436
1443
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1437
1444
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1438
- top: -130px;
1445
+ top: $rte-droparea-browsebtn-top;
1439
1446
  }
1440
1447
 
1441
1448
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -2342,7 +2349,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2342
2349
 
2343
2350
  @if $skin-name == 'Material3' {
2344
2351
  .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
2345
- border-color: $outline;
2352
+ font-weight: $font-weight;
2353
+ border: 1px solid rgba($info-outline-border);
2354
+ border-radius: 20px;
2346
2355
  }
2347
2356
  .e-dialog .e-dlg-header-content + .e-dlg-content{
2348
2357
  padding-top: 0;
@@ -3008,7 +3017,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3008
3017
  }
3009
3018
 
3010
3019
  .e-dialog .e-vid-uploadwrap .e-droptext {
3011
- height: 108px;
3020
+ height: $rte-drop-text-height;
3021
+ }
3022
+
3023
+ .e-bigger .e-richtexteditor {
3024
+ .e-dialog .e-img-uploadwrap .e-droptext,
3025
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3026
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3027
+ height: $rte-big-drop-text-height;
3028
+ }
3012
3029
  }
3013
3030
 
3014
3031
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3330,6 +3347,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3330
3347
  .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
3331
3348
  border-top-right-radius: $rte-border-top-right-radius;
3332
3349
  }
3350
+ .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
3351
+ color: $rte-content-color;
3352
+ }
3333
3353
  }
3334
3354
  // Blazor styles start
3335
3355
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
@@ -248,13 +248,15 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
248
248
  $rte-big-table-dlg-max-height: 330px !default;
249
249
  $rte-big-edit-table-dlg-max-height: 414px !default;
250
250
  $rte-drop-text-width: 300px !default;
251
- $rte-drop-text-height: 185px !default;
251
+ $rte-drop-text-height: 128px !default;
252
+ $rte-big-drop-text-height: 140px !default;
252
253
  $rte-drop-text-mobile-width: 250px !default;
253
254
  $rte-tbar-default-bg: $grey-f8;
254
255
  $rte-droparea-line-height: 10;
255
256
  $rte-droparea-browsebtn-height: 36px;
256
257
  $rte-droparea-browsebtn-padding: 0 18px;
257
- $rte-droparea-browsebtn-top: -50px;
258
+ $rte-droparea-browsebtn-top: -120px;
259
+ $rte-big-droparea-browsebtn-top: -120px;
258
260
  $rte-insert-dialog-font-size: 15px;
259
261
  $rte-big-insert-dialog-font-size: 15px;
260
262
  $rte-table-popup-tablecell-height: 14px;
@@ -520,6 +522,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
520
522
  .e-rte-content .e-content {
521
523
  font-size: $rte-big-content-font-size;
522
524
  }
525
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
526
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
527
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
528
+ top: $rte-big-droparea-browsebtn-top;
529
+ }
523
530
  }
524
531
 
525
532
  .e-richtexteditor {
@@ -1492,7 +1499,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1492
1499
 
1493
1500
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1494
1501
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1495
- top: -130px;
1502
+ top: $rte-droparea-browsebtn-top;
1496
1503
  }
1497
1504
 
1498
1505
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -2399,7 +2406,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2399
2406
 
2400
2407
  @if $skin-name == 'Material3' {
2401
2408
  .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
2402
- border-color: $outline;
2409
+ font-weight: $font-weight;
2410
+ border: 1px solid rgba($info-outline-border);
2411
+ border-radius: 20px;
2403
2412
  }
2404
2413
  .e-dialog .e-dlg-header-content + .e-dlg-content{
2405
2414
  padding-top: 0;
@@ -3065,7 +3074,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3065
3074
  }
3066
3075
 
3067
3076
  .e-dialog .e-vid-uploadwrap .e-droptext {
3068
- height: 108px;
3077
+ height: $rte-drop-text-height;
3078
+ }
3079
+
3080
+ .e-bigger .e-richtexteditor {
3081
+ .e-dialog .e-img-uploadwrap .e-droptext,
3082
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3083
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3084
+ height: $rte-big-drop-text-height;
3085
+ }
3069
3086
  }
3070
3087
 
3071
3088
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3387,6 +3404,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3387
3404
  .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
3388
3405
  border-top-right-radius: $rte-border-top-right-radius;
3389
3406
  }
3407
+ .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
3408
+ color: $rte-content-color;
3409
+ }
3390
3410
  }
3391
3411
  // Blazor styles start
3392
3412
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
@@ -196,7 +196,7 @@ $rte-table-popup-bdr-radius: 0 !default;
196
196
 
197
197
  $rte-inline-dropdown-line-height: 30px !default;
198
198
  $rte-big-inline-dropdown-line-height: 34px !default;
199
- $rte-table-popup-border: rgba(0, 0, 0, .2) !default;
199
+ $rte-table-popup-border:1px solid rgba(0, 0, 0, .2) !default;
200
200
  $rte-big-content-font-size: 16px !default;
201
201
  $rte-dropdown-caret-icon-size: 8px !default;
202
202
  $rte-big-dropdown-caret-icon-size: 10px !default;
@@ -243,13 +243,15 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
243
243
  $rte-big-table-dlg-max-height: 302px !default;
244
244
  $rte-big-edit-table-dlg-max-height: 378px !default;
245
245
  $rte-drop-text-width: 300px !default;
246
- $rte-drop-text-height: 185px !default;
246
+ $rte-drop-text-height: 128px !default;
247
+ $rte-big-drop-text-height: 140px !default;
247
248
  $rte-drop-text-mobile-width: 250px !default;
248
249
  $rte-tbar-default-bg: $gray-100;
249
250
  $rte-droparea-line-height: 10;
250
251
  $rte-droparea-browsebtn-height: 36px;
251
252
  $rte-droparea-browsebtn-padding: 0 18px;
252
- $rte-droparea-browsebtn-top: -50px;
253
+ $rte-droparea-browsebtn-top: -120px;
254
+ $rte-big-droparea-browsebtn-top: -120px;
253
255
  $rte-insert-dialog-font-size: 15px;
254
256
  $rte-big-insert-dialog-font-size: 15px;
255
257
  $rte-table-popup-tablecell-height: 14px;
@@ -268,7 +270,7 @@ $rte-toolbar-item-frist-last-child-margin: 0;
268
270
  $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
269
271
  $rte-toolbar-expaned-padding: 0 3px;
270
272
  $rte-toolbar-expaned-padding-hover: 0 3px;
271
- $dropdown-btn-font-size: inherit !default;
273
+ $dropdown-btn-font-size: 14px !default;
272
274
  $rte-extended-toolbar-items-padding: 0;
273
275
  $rte-expand-tbar-hover-bg: $gray-600 !default;
274
276
  $rte-big-insert-dialog-label-padding-top: 12px;
@@ -376,7 +378,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
376
378
  }
377
379
 
378
380
  & .e-rte-table-popup.e-popup.e-popup-open {
379
- border: 1px solid $rte-table-popup-border;
381
+ border: $rte-table-popup-border;
380
382
  border-radius: 4px;
381
383
 
382
384
  & .e-insert-table-btn .e-btn-icon.e-icons {
@@ -646,6 +648,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
646
648
  .e-rte-content .e-content {
647
649
  font-size: $rte-big-content-font-size;
648
650
  }
651
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
652
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
653
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
654
+ top: $rte-big-droparea-browsebtn-top;
655
+ }
649
656
  }
650
657
 
651
658
  .e-richtexteditor {
@@ -1618,7 +1625,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1618
1625
 
1619
1626
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1620
1627
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1621
- top: -130px;
1628
+ top: $rte-droparea-browsebtn-top;
1622
1629
  }
1623
1630
 
1624
1631
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -2525,7 +2532,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2525
2532
 
2526
2533
  @if $skin-name == 'Material3' {
2527
2534
  .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
2528
- border-color: $outline;
2535
+ font-weight: $font-weight;
2536
+ border: 1px solid rgba($info-outline-border);
2537
+ border-radius: 20px;
2529
2538
  }
2530
2539
  .e-dialog .e-dlg-header-content + .e-dlg-content{
2531
2540
  padding-top: 0;
@@ -3191,7 +3200,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3191
3200
  }
3192
3201
 
3193
3202
  .e-dialog .e-vid-uploadwrap .e-droptext {
3194
- height: 108px;
3203
+ height: $rte-drop-text-height;
3204
+ }
3205
+
3206
+ .e-bigger .e-richtexteditor {
3207
+ .e-dialog .e-img-uploadwrap .e-droptext,
3208
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3209
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3210
+ height: $rte-big-drop-text-height;
3211
+ }
3195
3212
  }
3196
3213
 
3197
3214
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3513,6 +3530,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3513
3530
  .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
3514
3531
  border-top-right-radius: $rte-border-top-right-radius;
3515
3532
  }
3533
+ .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
3534
+ color: $rte-content-color;
3535
+ }
3516
3536
  }
3517
3537
  // Blazor styles start
3518
3538
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
@@ -133,7 +133,8 @@ $rte-default-character-count-opacity: 1;
133
133
  $rte-droparea-line-height: 10;
134
134
  $rte-droparea-browsebtn-height: 36px;
135
135
  $rte-droparea-browsebtn-padding: 0 18px;
136
- $rte-droparea-browsebtn-top: -50px;
136
+ $rte-droparea-browsebtn-top: -120px;
137
+ $rte-big-droparea-browsebtn-top: -120px;
137
138
  $rte-insert-dialog-font-size: 15px;
138
139
  $rte-big-insert-dialog-font-size: 15px;
139
140
  $rte-table-popup-tablecell-height: 14px;
@@ -275,7 +276,8 @@ $rte-big-edit-table-dlg-max-height: 373px !default;
275
276
  $toolbar-expand-icon-min-height: 40px !default;
276
277
  $rte-align-caret-icon-min-width: 24px !default;
277
278
  $rte-drop-text-width: 300px !default;
278
- $rte-drop-text-height: 185px !default;
279
+ $rte-drop-text-height: 128px !default;
280
+ $rte-big-drop-text-height: 140px !default;
279
281
  $rte-drop-text-mobile-width: 250px !default;
280
282
  $rte-tbar-default-bg: $content-bg-color-alt1;
281
283
  $rte-expand-tbar-hover-bg: $secondary-bg-color-hover !default;
@@ -448,6 +450,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
448
450
  .e-rte-content .e-content {
449
451
  font-size: $rte-big-content-font-size;
450
452
  }
453
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
454
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
455
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
456
+ top: $rte-big-droparea-browsebtn-top;
457
+ }
451
458
  }
452
459
 
453
460
  .e-richtexteditor {
@@ -1420,7 +1427,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1420
1427
 
1421
1428
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1422
1429
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1423
- top: -130px;
1430
+ top: $rte-droparea-browsebtn-top;
1424
1431
  }
1425
1432
 
1426
1433
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -2327,7 +2334,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2327
2334
 
2328
2335
  @if $skin-name == 'Material3' {
2329
2336
  .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
2330
- border-color: $outline;
2337
+ font-weight: $font-weight;
2338
+ border: 1px solid rgba($info-outline-border);
2339
+ border-radius: 20px;
2331
2340
  }
2332
2341
  .e-dialog .e-dlg-header-content + .e-dlg-content{
2333
2342
  padding-top: 0;
@@ -2993,7 +3002,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2993
3002
  }
2994
3003
 
2995
3004
  .e-dialog .e-vid-uploadwrap .e-droptext {
2996
- height: 108px;
3005
+ height: $rte-drop-text-height;
3006
+ }
3007
+
3008
+ .e-bigger .e-richtexteditor {
3009
+ .e-dialog .e-img-uploadwrap .e-droptext,
3010
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3011
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3012
+ height: $rte-big-drop-text-height;
3013
+ }
2997
3014
  }
2998
3015
 
2999
3016
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3315,6 +3332,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3315
3332
  .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
3316
3333
  border-top-right-radius: $rte-border-top-right-radius;
3317
3334
  }
3335
+ .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
3336
+ color: $rte-content-color;
3337
+ }
3318
3338
  }
3319
3339
  // Blazor styles start
3320
3340
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {