@syncfusion/blazor-themes 24.2.4 → 24.2.6

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 (35) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +56 -12
  2. package/SCSS-Themes/bootstrap.scss +54 -10
  3. package/SCSS-Themes/bootstrap4.scss +60 -16
  4. package/SCSS-Themes/bootstrap5-dark.scss +54 -10
  5. package/SCSS-Themes/bootstrap5.scss +54 -10
  6. package/SCSS-Themes/fabric-dark.scss +54 -10
  7. package/SCSS-Themes/fabric.scss +54 -10
  8. package/SCSS-Themes/fluent-dark.scss +55 -11
  9. package/SCSS-Themes/fluent.scss +55 -11
  10. package/SCSS-Themes/highcontrast.scss +54 -10
  11. package/SCSS-Themes/material-dark.scss +54 -10
  12. package/SCSS-Themes/material.scss +54 -10
  13. package/SCSS-Themes/material3-dark.scss +55 -11
  14. package/SCSS-Themes/material3.scss +55 -11
  15. package/SCSS-Themes/navigations/toolbar/bootstrap-dark.scss +2 -2
  16. package/SCSS-Themes/navigations/toolbar/bootstrap4.scss +2 -2
  17. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +54 -10
  18. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +54 -10
  19. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +58 -14
  20. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +54 -10
  21. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +54 -10
  22. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +54 -10
  23. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +54 -10
  24. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +55 -11
  25. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +55 -11
  26. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +54 -10
  27. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +54 -10
  28. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +54 -10
  29. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +55 -11
  30. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +55 -11
  31. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +71 -27
  32. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +71 -27
  33. package/SCSS-Themes/tailwind-dark.scss +71 -27
  34. package/SCSS-Themes/tailwind.scss +71 -27
  35. package/package.json +1 -1
package/SCSS-Themes/material3-dark.scss CHANGED
@@ -90838,7 +90838,8 @@ $rte-default-character-count-opacity: 1;
90838
90838
  $rte-droparea-line-height: 10;
90839
90839
  $rte-droparea-browsebtn-height: 32px;
90840
90840
  $rte-droparea-browsebtn-padding: 6px 16px;
90841
- $rte-droparea-browsebtn-top: -50px;
90841
+ $rte-droparea-browsebtn-top: -120px;
90842
+ $rte-big-droparea-browsebtn-top: -120px;
90842
90843
  $rte-inline-dropdown-line-height: 14px !default;
90843
90844
  $rte-big-inline-dropdown-line-height: 14px !default;
90844
90845
  $rte-insert-dialog-font-size: 10px;
@@ -90981,7 +90982,8 @@ $rte-big-edit-table-dlg-max-height: 373px !default;
90981
90982
  $toolbar-expand-icon-min-height: 40px !default;
90982
90983
  $rte-align-caret-icon-min-width: 24px !default;
90983
90984
  $rte-drop-text-width: 280px !default;
90984
- $rte-drop-text-height: 185px !default;
90985
+ $rte-drop-text-height: 128px !default;
90986
+ $rte-big-drop-text-height: 140px !default;
90985
90987
  $rte-drop-text-mobile-width: 250px !default;
90986
90988
  $rte-tbar-default-bg: $content-bg-color-alt2 !default;
90987
90989
  $rte-extended-toolbar-items-padding: 0;
@@ -90995,7 +90997,7 @@ $rte-big-dropdown-btn-color-content-padding: 9.5px !default;
90995
90997
  $rte-tb-expended-min-height: 48px !default;
90996
90998
  $rte-big-tb-expended-min-height: 56px !default;
90997
90999
  $rte-tb-expended-padding-left: 1px !default;
90998
- $rte-tb-expended-hover-padding-left: 0 !default;
91000
+ $rte-tb-expended-hover-padding-left: 1px !default;
90999
91001
  $rte-toolbar-expaned-minwidth: 18px !default;
91000
91002
 
91001
91003
  $rte-emoji-pop-background: $flyout-bg-color;
@@ -91153,6 +91155,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91153
91155
  .e-rte-content .e-content {
91154
91156
  font-size: $rte-big-content-font-size;
91155
91157
  }
91158
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
91159
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
91160
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
91161
+ top: $rte-big-droparea-browsebtn-top;
91162
+ }
91156
91163
  }
91157
91164
 
91158
91165
  .e-richtexteditor {
@@ -91675,6 +91682,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91675
91682
  }
91676
91683
  }
91677
91684
 
91685
+ @if $skin-name == 'tailwind' {
91686
+ .e-bigger {
91687
+ .e-richtexteditor {
91688
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
91689
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
91690
+ padding: 0 8px;
91691
+ }
91692
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
91693
+ padding: 0 8px;
91694
+ }
91695
+ }
91696
+ }
91697
+ }
91698
+
91678
91699
  .e-rte-linkcontent .e-rte-label {
91679
91700
  padding-top: $rte-insert-dialog-label-padding-top;
91680
91701
  }
@@ -91925,19 +91946,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91925
91946
  }
91926
91947
 
91927
91948
  .e-rte-img-caption.e-imgcenter {
91928
- display: block;
91949
+ display: contents;
91929
91950
  margin-left: auto;
91930
91951
  margin-right: auto;
91931
91952
  }
91932
91953
 
91933
91954
  .e-rte-img-caption.e-imgright {
91934
- display: block;
91955
+ display: contents;
91935
91956
  margin-left: auto;
91936
91957
  margin-right: 0;
91937
91958
  }
91938
91959
 
91939
91960
  .e-rte-img-caption.e-imgleft {
91940
- display: block;
91961
+ display: contents;
91941
91962
  margin-left: 0;
91942
91963
  margin-right: auto;
91943
91964
  }
@@ -91954,7 +91975,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91954
91975
  }
91955
91976
 
91956
91977
  .e-img-caption.e-rte-img-caption.e-imgbreak {
91957
- display: block;
91978
+ display: contents;
91958
91979
  }
91959
91980
 
91960
91981
  .e-rte-table {
@@ -92125,7 +92146,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92125
92146
 
92126
92147
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
92127
92148
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
92128
- top: -130px;
92149
+ top: $rte-droparea-browsebtn-top;
92129
92150
  }
92130
92151
 
92131
92152
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -92651,6 +92672,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92651
92672
  }
92652
92673
  }
92653
92674
  }
92675
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
92676
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
92677
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
92678
+ @if $skin-name == 'tailwind' {
92679
+ padding: 1px;
92680
+ }
92681
+ }
92682
+ }
92654
92683
 
92655
92684
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
92656
92685
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -93700,7 +93729,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
93700
93729
  }
93701
93730
 
93702
93731
  .e-dialog .e-vid-uploadwrap .e-droptext {
93703
- height: 108px;
93732
+ height: $rte-drop-text-height;
93733
+ }
93734
+
93735
+ .e-bigger .e-richtexteditor {
93736
+ .e-dialog .e-img-uploadwrap .e-droptext,
93737
+ .e-dialog .e-aud-uploadwrap .e-droptext,
93738
+ .e-dialog .e-vid-uploadwrap .e-droptext {
93739
+ height: $rte-big-drop-text-height;
93740
+ }
93704
93741
  }
93705
93742
 
93706
93743
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -93970,8 +94007,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
93970
94007
  }
93971
94008
 
93972
94009
  .e-richtexteditor .e-toolbar .e-tbar-btn {
93973
- border-bottom: 1px solid $transparent;
93974
- border-top: 1px solid $transparent;
94010
+ border: 1px solid $transparent;
93975
94011
  }
93976
94012
 
93977
94013
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -93983,6 +94019,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
93983
94019
  background: $rte-tb-hover-bg-color;
93984
94020
  border: 1px solid $rte-quick-item-hover-border-color;
93985
94021
  }
94022
+
94023
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
94024
+ border: 1px solid $transparent;
94025
+ }
94026
+
94027
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
94028
+ border: 1px solid $transparent;
94029
+ }
93986
94030
  }
93987
94031
 
93988
94032
  @if $skin-name == 'bootstrap5' {
package/SCSS-Themes/material3.scss CHANGED
@@ -90921,7 +90921,8 @@ $rte-default-character-count-opacity: 1;
90921
90921
  $rte-droparea-line-height: 10;
90922
90922
  $rte-droparea-browsebtn-height: 32px;
90923
90923
  $rte-droparea-browsebtn-padding: 6px 16px;
90924
- $rte-droparea-browsebtn-top: -50px;
90924
+ $rte-droparea-browsebtn-top: -120px;
90925
+ $rte-big-droparea-browsebtn-top: -120px;
90925
90926
  $rte-inline-dropdown-line-height: 14px !default;
90926
90927
  $rte-big-inline-dropdown-line-height: 14px !default;
90927
90928
  $rte-insert-dialog-font-size: 10px;
@@ -91064,7 +91065,8 @@ $rte-big-edit-table-dlg-max-height: 373px !default;
91064
91065
  $toolbar-expand-icon-min-height: 40px !default;
91065
91066
  $rte-align-caret-icon-min-width: 24px !default;
91066
91067
  $rte-drop-text-width: 280px !default;
91067
- $rte-drop-text-height: 185px !default;
91068
+ $rte-drop-text-height: 128px !default;
91069
+ $rte-big-drop-text-height: 140px !default;
91068
91070
  $rte-drop-text-mobile-width: 250px !default;
91069
91071
  $rte-tbar-default-bg: $content-bg-color-alt2 !default;
91070
91072
  $rte-extended-toolbar-items-padding: 0;
@@ -91078,7 +91080,7 @@ $rte-big-dropdown-btn-color-content-padding: 9.5px !default;
91078
91080
  $rte-tb-expended-min-height: 48px !default;
91079
91081
  $rte-big-tb-expended-min-height: 56px !default;
91080
91082
  $rte-tb-expended-padding-left: 1px !default;
91081
- $rte-tb-expended-hover-padding-left: 0 !default;
91083
+ $rte-tb-expended-hover-padding-left: 1px !default;
91082
91084
  $rte-toolbar-expaned-minwidth: 18px !default;
91083
91085
 
91084
91086
  $rte-emoji-pop-background: $flyout-bg-color;
@@ -91236,6 +91238,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91236
91238
  .e-rte-content .e-content {
91237
91239
  font-size: $rte-big-content-font-size;
91238
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
+ }
91239
91246
  }
91240
91247
 
91241
91248
  .e-richtexteditor {
@@ -91758,6 +91765,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91758
91765
  }
91759
91766
  }
91760
91767
 
91768
+ @if $skin-name == 'tailwind' {
91769
+ .e-bigger {
91770
+ .e-richtexteditor {
91771
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
91772
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
91773
+ padding: 0 8px;
91774
+ }
91775
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
91776
+ padding: 0 8px;
91777
+ }
91778
+ }
91779
+ }
91780
+ }
91781
+
91761
91782
  .e-rte-linkcontent .e-rte-label {
91762
91783
  padding-top: $rte-insert-dialog-label-padding-top;
91763
91784
  }
@@ -92008,19 +92029,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92008
92029
  }
92009
92030
 
92010
92031
  .e-rte-img-caption.e-imgcenter {
92011
- display: block;
92032
+ display: contents;
92012
92033
  margin-left: auto;
92013
92034
  margin-right: auto;
92014
92035
  }
92015
92036
 
92016
92037
  .e-rte-img-caption.e-imgright {
92017
- display: block;
92038
+ display: contents;
92018
92039
  margin-left: auto;
92019
92040
  margin-right: 0;
92020
92041
  }
92021
92042
 
92022
92043
  .e-rte-img-caption.e-imgleft {
92023
- display: block;
92044
+ display: contents;
92024
92045
  margin-left: 0;
92025
92046
  margin-right: auto;
92026
92047
  }
@@ -92037,7 +92058,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92037
92058
  }
92038
92059
 
92039
92060
  .e-img-caption.e-rte-img-caption.e-imgbreak {
92040
- display: block;
92061
+ display: contents;
92041
92062
  }
92042
92063
 
92043
92064
  .e-rte-table {
@@ -92208,7 +92229,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92208
92229
 
92209
92230
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
92210
92231
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
92211
- top: -130px;
92232
+ top: $rte-droparea-browsebtn-top;
92212
92233
  }
92213
92234
 
92214
92235
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -92734,6 +92755,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92734
92755
  }
92735
92756
  }
92736
92757
  }
92758
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
92759
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
92760
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
92761
+ @if $skin-name == 'tailwind' {
92762
+ padding: 1px;
92763
+ }
92764
+ }
92765
+ }
92737
92766
 
92738
92767
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
92739
92768
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -93783,7 +93812,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
93783
93812
  }
93784
93813
 
93785
93814
  .e-dialog .e-vid-uploadwrap .e-droptext {
93786
- height: 108px;
93815
+ height: $rte-drop-text-height;
93816
+ }
93817
+
93818
+ .e-bigger .e-richtexteditor {
93819
+ .e-dialog .e-img-uploadwrap .e-droptext,
93820
+ .e-dialog .e-aud-uploadwrap .e-droptext,
93821
+ .e-dialog .e-vid-uploadwrap .e-droptext {
93822
+ height: $rte-big-drop-text-height;
93823
+ }
93787
93824
  }
93788
93825
 
93789
93826
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -94053,8 +94090,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
94053
94090
  }
94054
94091
 
94055
94092
  .e-richtexteditor .e-toolbar .e-tbar-btn {
94056
- border-bottom: 1px solid $transparent;
94057
- border-top: 1px solid $transparent;
94093
+ border: 1px solid $transparent;
94058
94094
  }
94059
94095
 
94060
94096
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -94066,6 +94102,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
94066
94102
  background: $rte-tb-hover-bg-color;
94067
94103
  border: 1px solid $rte-quick-item-hover-border-color;
94068
94104
  }
94105
+
94106
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
94107
+ border: 1px solid $transparent;
94108
+ }
94109
+
94110
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
94111
+ border: 1px solid $transparent;
94112
+ }
94069
94113
  }
94070
94114
 
94071
94115
  @if $skin-name == 'bootstrap5' {
package/SCSS-Themes/navigations/toolbar/bootstrap-dark.scss CHANGED
@@ -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;
package/SCSS-Themes/navigations/toolbar/bootstrap4.scss CHANGED
@@ -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;
package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss CHANGED
@@ -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 {
@@ -985,6 +992,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
985
992
  }
986
993
  }
987
994
 
995
+ @if $skin-name == 'tailwind' {
996
+ .e-bigger {
997
+ .e-richtexteditor {
998
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
999
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1000
+ padding: 0 8px;
1001
+ }
1002
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
1003
+ padding: 0 8px;
1004
+ }
1005
+ }
1006
+ }
1007
+ }
1008
+
988
1009
  .e-rte-linkcontent .e-rte-label {
989
1010
  padding-top: $rte-insert-dialog-label-padding-top;
990
1011
  }
@@ -1235,19 +1256,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1235
1256
  }
1236
1257
 
1237
1258
  .e-rte-img-caption.e-imgcenter {
1238
- display: block;
1259
+ display: contents;
1239
1260
  margin-left: auto;
1240
1261
  margin-right: auto;
1241
1262
  }
1242
1263
 
1243
1264
  .e-rte-img-caption.e-imgright {
1244
- display: block;
1265
+ display: contents;
1245
1266
  margin-left: auto;
1246
1267
  margin-right: 0;
1247
1268
  }
1248
1269
 
1249
1270
  .e-rte-img-caption.e-imgleft {
1250
- display: block;
1271
+ display: contents;
1251
1272
  margin-left: 0;
1252
1273
  margin-right: auto;
1253
1274
  }
@@ -1264,7 +1285,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1264
1285
  }
1265
1286
 
1266
1287
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1267
- display: block;
1288
+ display: contents;
1268
1289
  }
1269
1290
 
1270
1291
  .e-rte-table {
@@ -1435,7 +1456,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1435
1456
 
1436
1457
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1437
1458
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1438
- top: -130px;
1459
+ top: $rte-droparea-browsebtn-top;
1439
1460
  }
1440
1461
 
1441
1462
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -1961,6 +1982,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1961
1982
  }
1962
1983
  }
1963
1984
  }
1985
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
1986
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1987
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1988
+ @if $skin-name == 'tailwind' {
1989
+ padding: 1px;
1990
+ }
1991
+ }
1992
+ }
1964
1993
 
1965
1994
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1966
1995
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -3010,7 +3039,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3010
3039
  }
3011
3040
 
3012
3041
  .e-dialog .e-vid-uploadwrap .e-droptext {
3013
- height: 108px;
3042
+ height: $rte-drop-text-height;
3043
+ }
3044
+
3045
+ .e-bigger .e-richtexteditor {
3046
+ .e-dialog .e-img-uploadwrap .e-droptext,
3047
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3048
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3049
+ height: $rte-big-drop-text-height;
3050
+ }
3014
3051
  }
3015
3052
 
3016
3053
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3280,8 +3317,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3280
3317
  }
3281
3318
 
3282
3319
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3283
- border-bottom: 1px solid $transparent;
3284
- border-top: 1px solid $transparent;
3320
+ border: 1px solid $transparent;
3285
3321
  }
3286
3322
 
3287
3323
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3293,6 +3329,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3293
3329
  background: $rte-tb-hover-bg-color;
3294
3330
  border: 1px solid $rte-quick-item-hover-border-color;
3295
3331
  }
3332
+
3333
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3334
+ border: 1px solid $transparent;
3335
+ }
3336
+
3337
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3338
+ border: 1px solid $transparent;
3339
+ }
3296
3340
  }
3297
3341
 
3298
3342
  @if $skin-name == 'bootstrap5' {
package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss CHANGED
@@ -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 {
@@ -1042,6 +1049,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1042
1049
  }
1043
1050
  }
1044
1051
 
1052
+ @if $skin-name == 'tailwind' {
1053
+ .e-bigger {
1054
+ .e-richtexteditor {
1055
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
1056
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1057
+ padding: 0 8px;
1058
+ }
1059
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
1060
+ padding: 0 8px;
1061
+ }
1062
+ }
1063
+ }
1064
+ }
1065
+
1045
1066
  .e-rte-linkcontent .e-rte-label {
1046
1067
  padding-top: $rte-insert-dialog-label-padding-top;
1047
1068
  }
@@ -1292,19 +1313,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1292
1313
  }
1293
1314
 
1294
1315
  .e-rte-img-caption.e-imgcenter {
1295
- display: block;
1316
+ display: contents;
1296
1317
  margin-left: auto;
1297
1318
  margin-right: auto;
1298
1319
  }
1299
1320
 
1300
1321
  .e-rte-img-caption.e-imgright {
1301
- display: block;
1322
+ display: contents;
1302
1323
  margin-left: auto;
1303
1324
  margin-right: 0;
1304
1325
  }
1305
1326
 
1306
1327
  .e-rte-img-caption.e-imgleft {
1307
- display: block;
1328
+ display: contents;
1308
1329
  margin-left: 0;
1309
1330
  margin-right: auto;
1310
1331
  }
@@ -1321,7 +1342,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1321
1342
  }
1322
1343
 
1323
1344
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1324
- display: block;
1345
+ display: contents;
1325
1346
  }
1326
1347
 
1327
1348
  .e-rte-table {
@@ -1492,7 +1513,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1492
1513
 
1493
1514
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1494
1515
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1495
- top: -130px;
1516
+ top: $rte-droparea-browsebtn-top;
1496
1517
  }
1497
1518
 
1498
1519
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -2018,6 +2039,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2018
2039
  }
2019
2040
  }
2020
2041
  }
2042
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
2043
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
2044
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
2045
+ @if $skin-name == 'tailwind' {
2046
+ padding: 1px;
2047
+ }
2048
+ }
2049
+ }
2021
2050
 
2022
2051
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
2023
2052
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -3067,7 +3096,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3067
3096
  }
3068
3097
 
3069
3098
  .e-dialog .e-vid-uploadwrap .e-droptext {
3070
- height: 108px;
3099
+ height: $rte-drop-text-height;
3100
+ }
3101
+
3102
+ .e-bigger .e-richtexteditor {
3103
+ .e-dialog .e-img-uploadwrap .e-droptext,
3104
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3105
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3106
+ height: $rte-big-drop-text-height;
3107
+ }
3071
3108
  }
3072
3109
 
3073
3110
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3337,8 +3374,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3337
3374
  }
3338
3375
 
3339
3376
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3340
- border-bottom: 1px solid $transparent;
3341
- border-top: 1px solid $transparent;
3377
+ border: 1px solid $transparent;
3342
3378
  }
3343
3379
 
3344
3380
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3350,6 +3386,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3350
3386
  background: $rte-tb-hover-bg-color;
3351
3387
  border: 1px solid $rte-quick-item-hover-border-color;
3352
3388
  }
3389
+
3390
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3391
+ border: 1px solid $transparent;
3392
+ }
3393
+
3394
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3395
+ border: 1px solid $transparent;
3396
+ }
3353
3397
  }
3354
3398
 
3355
3399
  @if $skin-name == 'bootstrap5' {