@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
@@ -89523,7 +89523,7 @@ $rte-2px-border-size: 2px !default;
89523
89523
  $rte-border-type: solid !default;
89524
89524
  $rte-list-btn-flex: column !default;
89525
89525
  $rte-list-btn-line-height: 30px !default;
89526
- $rte-big-list-btn-line-height: 36px !default;
89526
+ $rte-big-list-btn-line-height: 38px !default;
89527
89527
  $rte-split-btn-line-height: 30px !default;
89528
89528
  $rte-big-split-btn-line-height: 38px !default;
89529
89529
  $rte-big-quick-item-btn-width: 38px !default;
@@ -89553,7 +89553,7 @@ $rte-big-tb-items-margin-left: 3px !default;
89553
89553
  $rte-tb-items-margin-left: 7px !default;
89554
89554
  $rte-big-tb-items-padding-left: 3px !default;
89555
89555
  $rte-tb-items-padding-left: 7px !default;
89556
- $rte-active-tb-item-btn-padding: 0 !default;
89556
+ $rte-active-tb-item-btn-padding: 0 4px !default;
89557
89557
  $rte-split-btn-bar-size: 0 !default;
89558
89558
  $rte-split-btn-active-color-icon-line-height: 30px !default;
89559
89559
  $rte-big-split-btn-active-color-icon-line-height: 35px !default;
@@ -89564,17 +89564,17 @@ $rte-drop-btn-padding-left: 7px !default;
89564
89564
  $dropdown-btn-font-size: $text-sm;
89565
89565
  $dropdown-btn-big-font-size: $text-base;
89566
89566
  $rte-drop-btn-padding-right: 2.5px !default;
89567
- $rte-drop-btn-action-padding-left: 6px !default;
89568
- $rte-drop-btn-action-padding-right: 1.5px !default;
89567
+ $rte-drop-btn-action-padding-left: 7px !default;
89568
+ $rte-drop-btn-action-padding-right: 2.5px !default;
89569
89569
  $rte-big-drop-btn-padding-left: 10px !default;
89570
89570
  $rte-big-drop-btn-padding-right: 6px !default;
89571
- $rte-big-drop-btn-action-padding-left: 9px !default;
89572
- $rte-big-drop-btn-action-padding-right: 5px !default;
89573
- $rte-colorpicker-parent-padding: .8px !default;
89574
- $rte-colorpicker-parent-padding-hover: 0 !default;
89571
+ $rte-big-drop-btn-action-padding-left: 10px !default;
89572
+ $rte-big-drop-btn-action-padding-right: 6px !default;
89573
+ $rte-colorpicker-parent-padding: 1px !default;
89574
+ $rte-colorpicker-parent-padding-hover: 1px !default;
89575
89575
  $rte-colorpicker-parent-padding-active-hover: 0 !default;
89576
89576
  $rte-dropdown-btn-color-content-height: 30px !default;
89577
- $rte-big-dropdown-btn-color-content-height: 36px !default;
89577
+ $rte-big-dropdown-btn-color-content-height: 38px !default;
89578
89578
  $rte-font-icon-width: 30px !default;
89579
89579
  $rte-font-arrow-width: 18px !default;
89580
89580
  $rte-font-arrow-touch-width: 20px !default;
@@ -89582,7 +89582,7 @@ $rte-font-icon-line-height: $leading-none !default;
89582
89582
  $rte-placeholder-line-height: $leading-normal !default;
89583
89583
  $rte-big-active-tb-item-btn-padding: 0 6px !default;
89584
89584
  $rte-table-popup-padding: 18px 18px 8px 22px !default;
89585
- $rte-table-popup-border: 1px solid $cool-gray-600 !default;
89585
+ $rte-table-popup-border: 1px solid $cool-gray-300 !default;
89586
89586
  $rte-insert-dialog-label-padding-top: 12px !default;
89587
89587
  $rte-insert-dialog-label-padding-bottom: 3px !default;
89588
89588
  $rte-big-quick-tbar-item-min-height: 38px !default;
@@ -89604,13 +89604,14 @@ $rte-big-inline-tmp-size-min-width: 59px;
89604
89604
  $rte-inline-tmp-size-min-width: 66px;
89605
89605
  $rte-big-inline-tmp-color-min-width: 50px;
89606
89606
  $rte-inline-tmp-color-min-width: 55px;
89607
- $rte-big-color-list-span-common-padding-left-right: 0;
89607
+ $rte-big-color-list-span-common-padding-left-right: 1px;
89608
89608
  $rte-placeholder-padding: 12px !default;
89609
89609
  $rte-default-character-count-opacity: 1;
89610
89610
  $rte-droparea-line-height: 10;
89611
89611
  $rte-droparea-browsebtn-height: 36px;
89612
89612
  $rte-droparea-browsebtn-padding: 0 18px;
89613
- $rte-droparea-browsebtn-top: -50px;
89613
+ $rte-droparea-browsebtn-top: -120px;
89614
+ $rte-big-droparea-browsebtn-top: -120px;
89614
89615
  $rte-insert-dialog-font-size: 15px;
89615
89616
  $rte-big-insert-dialog-font-size: 15px;
89616
89617
  $rte-table-popup-tablecell-height: 14px;
@@ -89622,10 +89623,10 @@ $rte-big-tablecell-height : 16px;
89622
89623
  $rte-big-tablecell-width : 16px;
89623
89624
  $rte-toolbar-item-frist-last-child-margin: 0;
89624
89625
  $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
89625
- $rte-toolbar-expaned-padding: 0 5px;
89626
+ $rte-toolbar-expaned-padding: 0 4px;
89626
89627
  $rte-toolbar-expaned-padding-hover: 0 4px;
89627
89628
  $rte-formatlists-dropdown-line-height: 20px;
89628
- $rte-big-formatlists-dropdown-line-height: 30px;
89629
+ $rte-big-formatlists-dropdown-line-height: 35px;
89629
89630
 
89630
89631
  //Layout Variables End
89631
89632
 
@@ -89643,7 +89644,7 @@ $rte-img-popup-box-shadow: $shadow !default;
89643
89644
  $rte-img-popup-color: $border-light !default;
89644
89645
  $rte-quick-item-active-bg: $secondary-bg-color-pressed !default;
89645
89646
  $rte-quick-item-active-font-color: $icon-color !default;
89646
- $rte-quick-item-border: 0 !default;
89647
+ $rte-quick-item-border: 1px solid transparent !default;
89647
89648
  $rte-quick-item-hover-border-color: $secondary-border-color-hover !default;
89648
89649
  $rte-quick-item-active-border-color: $secondary-border-color-pressed !default;
89649
89650
  $rte-quick-drop-btn-border-color: $content-bg-color-alt2 !default;
@@ -89658,7 +89659,7 @@ $rte-quick-pop-item-focus-bg: $secondary-bg-color-pressed !default;
89658
89659
  $rte-quick-tb-btn-hover: $secondary-bg-color-pressed !default;
89659
89660
  $rte-tb-item-active-bg: $secondary-bg-color-pressed !default;
89660
89661
  $rte-tb-active-font-color: $icon-color !default;
89661
- $rte-tb-item-active-border: 1px solid $secondary-border-color-pressed !default;
89662
+ $rte-tb-item-active-border: 0 solid $secondary-border-color-pressed !default;
89662
89663
  $rte-expand-tb-border-bottom: $rte-border-size $rte-border-type $border-light !default;
89663
89664
  $rte-color-picker-active-bg: inherit !default;
89664
89665
  $rte-drop-btn-active-bg: $secondary-bg-color-pressed !default;
@@ -89719,7 +89720,7 @@ $rte-border-bottom-right-radius: 0;
89719
89720
  $rte-border-bottom-left-radius: 0;
89720
89721
  $rte-big-border-radius: 0;
89721
89722
  $rte-extended-toolbar-items-padding: 0;
89722
- $rte-expand-tbar-hover-bg: $content-bg-color-alt3 !default;
89723
+ $rte-expand-tbar-hover-bg: $content-bg-color-alt1 !default;
89723
89724
 
89724
89725
  //Theme Variables End
89725
89726
 
@@ -89746,13 +89747,14 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
89746
89747
  $rte-big-table-dlg-max-height: 283px !default;
89747
89748
  $rte-big-edit-table-dlg-max-height: 388px !default;
89748
89749
  $rte-drop-text-width: 300px !default;
89749
- $rte-drop-text-height: 185px !default;
89750
+ $rte-drop-text-height: 128px !default;
89751
+ $rte-big-drop-text-height: 140px !default;
89750
89752
  $rte-drop-text-mobile-width: 250px !default;
89751
89753
  $rte-tbar-default-bg: $content-bg-color-alt2;
89752
89754
  $rte-big-insert-dialog-label-padding-top: 12px;
89753
89755
  $rte-tbar-icon-size: 20px;
89754
89756
  $rte-dropdown-btn-color-content-padding: 1px !default;
89755
- $rte-big-dropdown-btn-color-content-padding: 1px !default;
89757
+ $rte-big-dropdown-btn-color-content-padding: 0 !default;
89756
89758
  $rte-tb-expended-min-height: 40px !default;
89757
89759
  $rte-big-tb-expended-min-height: 48px !default;
89758
89760
  $rte-tb-expended-padding-left: 1px !default;
@@ -89917,6 +89919,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89917
89919
  .e-rte-content .e-content {
89918
89920
  font-size: $rte-big-content-font-size;
89919
89921
  }
89922
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
89923
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
89924
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
89925
+ top: $rte-big-droparea-browsebtn-top;
89926
+ }
89920
89927
  }
89921
89928
 
89922
89929
  .e-richtexteditor {
@@ -90439,6 +90446,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90439
90446
  }
90440
90447
  }
90441
90448
 
90449
+ @if $skin-name == 'tailwind' {
90450
+ .e-bigger {
90451
+ .e-richtexteditor {
90452
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
90453
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
90454
+ padding: 0 8px;
90455
+ }
90456
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
90457
+ padding: 0 8px;
90458
+ }
90459
+ }
90460
+ }
90461
+ }
90462
+
90442
90463
  .e-rte-linkcontent .e-rte-label {
90443
90464
  padding-top: $rte-insert-dialog-label-padding-top;
90444
90465
  }
@@ -90689,19 +90710,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90689
90710
  }
90690
90711
 
90691
90712
  .e-rte-img-caption.e-imgcenter {
90692
- display: block;
90713
+ display: contents;
90693
90714
  margin-left: auto;
90694
90715
  margin-right: auto;
90695
90716
  }
90696
90717
 
90697
90718
  .e-rte-img-caption.e-imgright {
90698
- display: block;
90719
+ display: contents;
90699
90720
  margin-left: auto;
90700
90721
  margin-right: 0;
90701
90722
  }
90702
90723
 
90703
90724
  .e-rte-img-caption.e-imgleft {
90704
- display: block;
90725
+ display: contents;
90705
90726
  margin-left: 0;
90706
90727
  margin-right: auto;
90707
90728
  }
@@ -90718,7 +90739,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90718
90739
  }
90719
90740
 
90720
90741
  .e-img-caption.e-rte-img-caption.e-imgbreak {
90721
- display: block;
90742
+ display: contents;
90722
90743
  }
90723
90744
 
90724
90745
  .e-rte-table {
@@ -90889,7 +90910,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90889
90910
 
90890
90911
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
90891
90912
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
90892
- top: -130px;
90913
+ top: $rte-droparea-browsebtn-top;
90893
90914
  }
90894
90915
 
90895
90916
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -91415,6 +91436,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91415
91436
  }
91416
91437
  }
91417
91438
  }
91439
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
91440
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
91441
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
91442
+ @if $skin-name == 'tailwind' {
91443
+ padding: 1px;
91444
+ }
91445
+ }
91446
+ }
91418
91447
 
91419
91448
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
91420
91449
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -92464,7 +92493,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92464
92493
  }
92465
92494
 
92466
92495
  .e-dialog .e-vid-uploadwrap .e-droptext {
92467
- height: 108px;
92496
+ height: $rte-drop-text-height;
92497
+ }
92498
+
92499
+ .e-bigger .e-richtexteditor {
92500
+ .e-dialog .e-img-uploadwrap .e-droptext,
92501
+ .e-dialog .e-aud-uploadwrap .e-droptext,
92502
+ .e-dialog .e-vid-uploadwrap .e-droptext {
92503
+ height: $rte-big-drop-text-height;
92504
+ }
92468
92505
  }
92469
92506
 
92470
92507
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -92734,8 +92771,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92734
92771
  }
92735
92772
 
92736
92773
  .e-richtexteditor .e-toolbar .e-tbar-btn {
92737
- border-bottom: 1px solid $transparent;
92738
- border-top: 1px solid $transparent;
92774
+ border: 1px solid $transparent;
92739
92775
  }
92740
92776
 
92741
92777
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -92747,6 +92783,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92747
92783
  background: $rte-tb-hover-bg-color;
92748
92784
  border: 1px solid $rte-quick-item-hover-border-color;
92749
92785
  }
92786
+
92787
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
92788
+ border: 1px solid $transparent;
92789
+ }
92790
+
92791
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
92792
+ border: 1px solid $transparent;
92793
+ }
92750
92794
  }
92751
92795
 
92752
92796
  @if $skin-name == 'bootstrap5' {
@@ -89520,7 +89520,7 @@ $rte-2px-border-size: 2px !default;
89520
89520
  $rte-border-type: solid !default;
89521
89521
  $rte-list-btn-flex: column !default;
89522
89522
  $rte-list-btn-line-height: 30px !default;
89523
- $rte-big-list-btn-line-height: 36px !default;
89523
+ $rte-big-list-btn-line-height: 38px !default;
89524
89524
  $rte-split-btn-line-height: 30px !default;
89525
89525
  $rte-big-split-btn-line-height: 38px !default;
89526
89526
  $rte-big-quick-item-btn-width: 38px !default;
@@ -89550,7 +89550,7 @@ $rte-big-tb-items-margin-left: 3px !default;
89550
89550
  $rte-tb-items-margin-left: 7px !default;
89551
89551
  $rte-big-tb-items-padding-left: 3px !default;
89552
89552
  $rte-tb-items-padding-left: 7px !default;
89553
- $rte-active-tb-item-btn-padding: 0 !default;
89553
+ $rte-active-tb-item-btn-padding: 0 4px !default;
89554
89554
  $rte-split-btn-bar-size: 0 !default;
89555
89555
  $rte-split-btn-active-color-icon-line-height: 30px !default;
89556
89556
  $rte-big-split-btn-active-color-icon-line-height: 35px !default;
@@ -89561,17 +89561,17 @@ $rte-drop-btn-padding-left: 7px !default;
89561
89561
  $dropdown-btn-font-size: $text-sm;
89562
89562
  $dropdown-btn-big-font-size: $text-base;
89563
89563
  $rte-drop-btn-padding-right: 2.5px !default;
89564
- $rte-drop-btn-action-padding-left: 6px !default;
89565
- $rte-drop-btn-action-padding-right: 1.5px !default;
89564
+ $rte-drop-btn-action-padding-left: 7px !default;
89565
+ $rte-drop-btn-action-padding-right: 2.5px !default;
89566
89566
  $rte-big-drop-btn-padding-left: 10px !default;
89567
89567
  $rte-big-drop-btn-padding-right: 6px !default;
89568
- $rte-big-drop-btn-action-padding-left: 9px !default;
89569
- $rte-big-drop-btn-action-padding-right: 5px !default;
89570
- $rte-colorpicker-parent-padding: .8px !default;
89571
- $rte-colorpicker-parent-padding-hover: 0 !default;
89568
+ $rte-big-drop-btn-action-padding-left: 10px !default;
89569
+ $rte-big-drop-btn-action-padding-right: 6px !default;
89570
+ $rte-colorpicker-parent-padding: 1px !default;
89571
+ $rte-colorpicker-parent-padding-hover: 1px !default;
89572
89572
  $rte-colorpicker-parent-padding-active-hover: 0 !default;
89573
89573
  $rte-dropdown-btn-color-content-height: 30px !default;
89574
- $rte-big-dropdown-btn-color-content-height: 36px !default;
89574
+ $rte-big-dropdown-btn-color-content-height: 38px !default;
89575
89575
  $rte-font-icon-width: 30px !default;
89576
89576
  $rte-font-arrow-width: 18px !default;
89577
89577
  $rte-font-arrow-touch-width: 20px !default;
@@ -89579,7 +89579,7 @@ $rte-font-icon-line-height: $leading-none !default;
89579
89579
  $rte-placeholder-line-height: $leading-normal !default;
89580
89580
  $rte-big-active-tb-item-btn-padding: 0 6px !default;
89581
89581
  $rte-table-popup-padding: 18px 18px 8px 22px !default;
89582
- $rte-table-popup-border: 1px solid $cool-gray-600 !default;
89582
+ $rte-table-popup-border: 1px solid $cool-gray-300 !default;
89583
89583
  $rte-insert-dialog-label-padding-top: 12px !default;
89584
89584
  $rte-insert-dialog-label-padding-bottom: 3px !default;
89585
89585
  $rte-big-quick-tbar-item-min-height: 38px !default;
@@ -89601,13 +89601,14 @@ $rte-big-inline-tmp-size-min-width: 59px;
89601
89601
  $rte-inline-tmp-size-min-width: 66px;
89602
89602
  $rte-big-inline-tmp-color-min-width: 50px;
89603
89603
  $rte-inline-tmp-color-min-width: 55px;
89604
- $rte-big-color-list-span-common-padding-left-right: 0;
89604
+ $rte-big-color-list-span-common-padding-left-right: 1px;
89605
89605
  $rte-placeholder-padding: 12px !default;
89606
89606
  $rte-default-character-count-opacity: 1;
89607
89607
  $rte-droparea-line-height: 10;
89608
89608
  $rte-droparea-browsebtn-height: 36px;
89609
89609
  $rte-droparea-browsebtn-padding: 0 18px;
89610
- $rte-droparea-browsebtn-top: -50px;
89610
+ $rte-droparea-browsebtn-top: -120px;
89611
+ $rte-big-droparea-browsebtn-top: -120px;
89611
89612
  $rte-insert-dialog-font-size: 15px;
89612
89613
  $rte-big-insert-dialog-font-size: 15px;
89613
89614
  $rte-table-popup-tablecell-height: 14px;
@@ -89619,10 +89620,10 @@ $rte-big-tablecell-height : 16px;
89619
89620
  $rte-big-tablecell-width : 16px;
89620
89621
  $rte-toolbar-item-frist-last-child-margin: 0;
89621
89622
  $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
89622
- $rte-toolbar-expaned-padding: 0 5px;
89623
+ $rte-toolbar-expaned-padding: 0 4px;
89623
89624
  $rte-toolbar-expaned-padding-hover: 0 4px;
89624
89625
  $rte-formatlists-dropdown-line-height: 20px;
89625
- $rte-big-formatlists-dropdown-line-height: 30px;
89626
+ $rte-big-formatlists-dropdown-line-height: 35px;
89626
89627
 
89627
89628
  //Layout Variables End
89628
89629
 
@@ -89640,7 +89641,7 @@ $rte-img-popup-box-shadow: $shadow !default;
89640
89641
  $rte-img-popup-color: $border-light !default;
89641
89642
  $rte-quick-item-active-bg: $secondary-bg-color-pressed !default;
89642
89643
  $rte-quick-item-active-font-color: $icon-color !default;
89643
- $rte-quick-item-border: 0 !default;
89644
+ $rte-quick-item-border: 1px solid transparent !default;
89644
89645
  $rte-quick-item-hover-border-color: $secondary-border-color-hover !default;
89645
89646
  $rte-quick-item-active-border-color: $secondary-border-color-pressed !default;
89646
89647
  $rte-quick-drop-btn-border-color: $content-bg-color-alt2 !default;
@@ -89655,7 +89656,7 @@ $rte-quick-pop-item-focus-bg: $secondary-bg-color-pressed !default;
89655
89656
  $rte-quick-tb-btn-hover: $secondary-bg-color-pressed !default;
89656
89657
  $rte-tb-item-active-bg: $secondary-bg-color-pressed !default;
89657
89658
  $rte-tb-active-font-color: $icon-color !default;
89658
- $rte-tb-item-active-border: 1px solid $secondary-border-color-pressed !default;
89659
+ $rte-tb-item-active-border: 0 solid $secondary-border-color-pressed !default;
89659
89660
  $rte-expand-tb-border-bottom: $rte-border-size $rte-border-type $border-light !default;
89660
89661
  $rte-color-picker-active-bg: inherit !default;
89661
89662
  $rte-drop-btn-active-bg: $secondary-bg-color-pressed !default;
@@ -89716,7 +89717,7 @@ $rte-border-bottom-right-radius: 0;
89716
89717
  $rte-border-bottom-left-radius: 0;
89717
89718
  $rte-big-border-radius: 0;
89718
89719
  $rte-extended-toolbar-items-padding: 0;
89719
- $rte-expand-tbar-hover-bg: $content-bg-color-alt3 !default;
89720
+ $rte-expand-tbar-hover-bg: $content-bg-color-alt1 !default;
89720
89721
 
89721
89722
  //Theme Variables End
89722
89723
 
@@ -89743,13 +89744,14 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
89743
89744
  $rte-big-table-dlg-max-height: 283px !default;
89744
89745
  $rte-big-edit-table-dlg-max-height: 388px !default;
89745
89746
  $rte-drop-text-width: 300px !default;
89746
- $rte-drop-text-height: 185px !default;
89747
+ $rte-drop-text-height: 128px !default;
89748
+ $rte-big-drop-text-height: 140px !default;
89747
89749
  $rte-drop-text-mobile-width: 250px !default;
89748
89750
  $rte-tbar-default-bg: $content-bg-color-alt2;
89749
89751
  $rte-big-insert-dialog-label-padding-top: 12px;
89750
89752
  $rte-tbar-icon-size: 20px;
89751
89753
  $rte-dropdown-btn-color-content-padding: 1px !default;
89752
- $rte-big-dropdown-btn-color-content-padding: 1px !default;
89754
+ $rte-big-dropdown-btn-color-content-padding: 0 !default;
89753
89755
  $rte-tb-expended-min-height: 40px !default;
89754
89756
  $rte-big-tb-expended-min-height: 48px !default;
89755
89757
  $rte-tb-expended-padding-left: 1px !default;
@@ -89914,6 +89916,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89914
89916
  .e-rte-content .e-content {
89915
89917
  font-size: $rte-big-content-font-size;
89916
89918
  }
89919
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
89920
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
89921
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
89922
+ top: $rte-big-droparea-browsebtn-top;
89923
+ }
89917
89924
  }
89918
89925
 
89919
89926
  .e-richtexteditor {
@@ -90436,6 +90443,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90436
90443
  }
90437
90444
  }
90438
90445
 
90446
+ @if $skin-name == 'tailwind' {
90447
+ .e-bigger {
90448
+ .e-richtexteditor {
90449
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
90450
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
90451
+ padding: 0 8px;
90452
+ }
90453
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
90454
+ padding: 0 8px;
90455
+ }
90456
+ }
90457
+ }
90458
+ }
90459
+
90439
90460
  .e-rte-linkcontent .e-rte-label {
90440
90461
  padding-top: $rte-insert-dialog-label-padding-top;
90441
90462
  }
@@ -90686,19 +90707,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90686
90707
  }
90687
90708
 
90688
90709
  .e-rte-img-caption.e-imgcenter {
90689
- display: block;
90710
+ display: contents;
90690
90711
  margin-left: auto;
90691
90712
  margin-right: auto;
90692
90713
  }
90693
90714
 
90694
90715
  .e-rte-img-caption.e-imgright {
90695
- display: block;
90716
+ display: contents;
90696
90717
  margin-left: auto;
90697
90718
  margin-right: 0;
90698
90719
  }
90699
90720
 
90700
90721
  .e-rte-img-caption.e-imgleft {
90701
- display: block;
90722
+ display: contents;
90702
90723
  margin-left: 0;
90703
90724
  margin-right: auto;
90704
90725
  }
@@ -90715,7 +90736,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90715
90736
  }
90716
90737
 
90717
90738
  .e-img-caption.e-rte-img-caption.e-imgbreak {
90718
- display: block;
90739
+ display: contents;
90719
90740
  }
90720
90741
 
90721
90742
  .e-rte-table {
@@ -90886,7 +90907,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90886
90907
 
90887
90908
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
90888
90909
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
90889
- top: -130px;
90910
+ top: $rte-droparea-browsebtn-top;
90890
90911
  }
90891
90912
 
90892
90913
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -91412,6 +91433,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91412
91433
  }
91413
91434
  }
91414
91435
  }
91436
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
91437
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
91438
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
91439
+ @if $skin-name == 'tailwind' {
91440
+ padding: 1px;
91441
+ }
91442
+ }
91443
+ }
91415
91444
 
91416
91445
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
91417
91446
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -92461,7 +92490,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92461
92490
  }
92462
92491
 
92463
92492
  .e-dialog .e-vid-uploadwrap .e-droptext {
92464
- height: 108px;
92493
+ height: $rte-drop-text-height;
92494
+ }
92495
+
92496
+ .e-bigger .e-richtexteditor {
92497
+ .e-dialog .e-img-uploadwrap .e-droptext,
92498
+ .e-dialog .e-aud-uploadwrap .e-droptext,
92499
+ .e-dialog .e-vid-uploadwrap .e-droptext {
92500
+ height: $rte-big-drop-text-height;
92501
+ }
92465
92502
  }
92466
92503
 
92467
92504
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -92731,8 +92768,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92731
92768
  }
92732
92769
 
92733
92770
  .e-richtexteditor .e-toolbar .e-tbar-btn {
92734
- border-bottom: 1px solid $transparent;
92735
- border-top: 1px solid $transparent;
92771
+ border: 1px solid $transparent;
92736
92772
  }
92737
92773
 
92738
92774
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -92744,6 +92780,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92744
92780
  background: $rte-tb-hover-bg-color;
92745
92781
  border: 1px solid $rte-quick-item-hover-border-color;
92746
92782
  }
92783
+
92784
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
92785
+ border: 1px solid $transparent;
92786
+ }
92787
+
92788
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
92789
+ border: 1px solid $transparent;
92790
+ }
92747
92791
  }
92748
92792
 
92749
92793
  @if $skin-name == 'bootstrap5' {
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@syncfusion/blazor-themes","version":"24.2.4","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}
1
+ {"name":"@syncfusion/blazor-themes","version":"24.2.6","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}