npm - @syncfusion/blazor-themes - Versions diffs - 26.1.35 → 26.1.40 - Mend

@syncfusion/blazor-themes 26.1.35 → 26.1.40

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 (393) hide show

package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss CHANGED Viewed

@@ -1513,14 +1513,24 @@ $rte-big-img-upload-abort-icon-btn-padding: 5px;
           font-size: 2em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h2 {
           font-size: 1.5em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h3 {
@@ -2862,7 +2872,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 5px;
       .e-rte-dropdown-btn-text,
       .e-background-color,
       .e-rte-font-color {
-        font-size: 14px;
+        font-size: 16px;
       }
     }
     .e-bigger {
@@ -2871,27 +2881,27 @@ $rte-big-img-upload-abort-icon-btn-padding: 5px;
         .e-rte-dropdown-btn-text,
         .e-background-color,
         .e-rte-font-color {
-          font-size: 16px;
+          font-size: 18px;
         }
       }
     }
     .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
       .e-background-color,
-      .e-rte-font-color{
-        font-size: 14px;
+      .e-rte-font-color {
+        font-size: 16px;
       }
     }
     .e-bigger {
       .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
         .e-background-color,
-        .e-rte-font-color{
-          font-size: 16px;
+        .e-rte-font-color {
+          font-size: 18px;
         }
       }
-      .e-rte-container{
+      .e-rte-container {
         border-radius: 4px;
       }
-      .e-richtexteditor{
+      .e-richtexteditor {
         border-radius: 4px;
         .e-toolbar {
           border-radius: 4px 4px 0 0;

package/SCSS-Themes/richtexteditor/rich-text-editor/fluent2-dark.scss CHANGED Viewed

@@ -137,7 +137,7 @@ $rte-default-character-count-opacity: 1;
 $rte-droparea-line-height: 10;
 $rte-droparea-browsebtn-height: 32px;
 $rte-droparea-browsebtn-padding: 6px 12px 6px 12px;
-$rte-droparea-browsebtn-top: -50px;
+$rte-droparea-browsebtn-top: -120px;
 $rte-big-droparea-browsebtn-top: -120px;
 $rte-insert-dialog-font-size: 14px;
 $rte-big-insert-dialog-font-size: 15px;
@@ -1518,14 +1518,24 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
           font-size: 2em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h2 {
           font-size: 1.5em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h3 {
@@ -2867,7 +2877,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
       .e-rte-dropdown-btn-text,
       .e-background-color,
       .e-rte-font-color {
-        font-size: 14px;
+        font-size: 16px;
       }
     }
     .e-bigger {
@@ -2876,27 +2886,27 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
         .e-rte-dropdown-btn-text,
         .e-background-color,
         .e-rte-font-color {
-          font-size: 16px;
+          font-size: 18px;
         }
       }
     }
     .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
       .e-background-color,
-      .e-rte-font-color{
-        font-size: 14px;
+      .e-rte-font-color {
+        font-size: 16px;
       }
     }
     .e-bigger {
       .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
         .e-background-color,
-        .e-rte-font-color{
-          font-size: 16px;
+        .e-rte-font-color {
+          font-size: 18px;
         }
       }
-      .e-rte-container{
+      .e-rte-container {
         border-radius: 4px;
       }
-      .e-richtexteditor{
+      .e-richtexteditor {
         border-radius: 4px;
         .e-toolbar {
           border-radius: 4px 4px 0 0;

package/SCSS-Themes/richtexteditor/rich-text-editor/fluent2.scss CHANGED Viewed

@@ -137,7 +137,7 @@ $rte-default-character-count-opacity: 1;
 $rte-droparea-line-height: 10;
 $rte-droparea-browsebtn-height: 32px;
 $rte-droparea-browsebtn-padding: 6px 12px 6px 12px;
-$rte-droparea-browsebtn-top: -50px;
+$rte-droparea-browsebtn-top: -120px;
 $rte-big-droparea-browsebtn-top: -120px;
 $rte-insert-dialog-font-size: 14px;
 $rte-big-insert-dialog-font-size: 15px;
@@ -1518,14 +1518,24 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
           font-size: 2em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h2 {
           font-size: 1.5em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h3 {
@@ -2867,7 +2877,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
       .e-rte-dropdown-btn-text,
       .e-background-color,
       .e-rte-font-color {
-        font-size: 14px;
+        font-size: 16px;
       }
     }
     .e-bigger {
@@ -2876,27 +2886,27 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
         .e-rte-dropdown-btn-text,
         .e-background-color,
         .e-rte-font-color {
-          font-size: 16px;
+          font-size: 18px;
         }
       }
     }
     .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
       .e-background-color,
-      .e-rte-font-color{
-        font-size: 14px;
+      .e-rte-font-color {
+        font-size: 16px;
       }
     }
     .e-bigger {
       .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
         .e-background-color,
-        .e-rte-font-color{
-          font-size: 16px;
+        .e-rte-font-color {
+          font-size: 18px;
         }
       }
-      .e-rte-container{
+      .e-rte-container {
         border-radius: 4px;
       }
-      .e-richtexteditor{
+      .e-richtexteditor {
         border-radius: 4px;
         .e-toolbar {
           border-radius: 4px 4px 0 0;

package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss CHANGED Viewed

@@ -1507,14 +1507,24 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
           font-size: 2em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h2 {
           font-size: 1.5em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h3 {
@@ -2856,7 +2866,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
       .e-rte-dropdown-btn-text,
       .e-background-color,
       .e-rte-font-color {
-        font-size: 14px;
+        font-size: 16px;
       }
     }
     .e-bigger {
@@ -2865,27 +2875,27 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
         .e-rte-dropdown-btn-text,
         .e-background-color,
         .e-rte-font-color {
-          font-size: 16px;
+          font-size: 18px;
         }
       }
     }
     .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
       .e-background-color,
-      .e-rte-font-color{
-        font-size: 14px;
+      .e-rte-font-color {
+        font-size: 16px;
       }
     }
     .e-bigger {
       .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
         .e-background-color,
-        .e-rte-font-color{
-          font-size: 16px;
+        .e-rte-font-color {
+          font-size: 18px;
         }
       }
-      .e-rte-container{
+      .e-rte-container {
         border-radius: 4px;
       }
-      .e-richtexteditor{
+      .e-richtexteditor {
         border-radius: 4px;
         .e-toolbar {
           border-radius: 4px 4px 0 0;

package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss CHANGED Viewed

@@ -1512,14 +1512,24 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
           font-size: 2em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h2 {
           font-size: 1.5em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h3 {
@@ -2861,7 +2871,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       .e-rte-dropdown-btn-text,
       .e-background-color,
       .e-rte-font-color {
-        font-size: 14px;
+        font-size: 16px;
       }
     }
     .e-bigger {
@@ -2870,27 +2880,27 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         .e-rte-dropdown-btn-text,
         .e-background-color,
         .e-rte-font-color {
-          font-size: 16px;
+          font-size: 18px;
         }
       }
     }
     .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
       .e-background-color,
-      .e-rte-font-color{
-        font-size: 14px;
+      .e-rte-font-color {
+        font-size: 16px;
       }
     }
     .e-bigger {
       .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
         .e-background-color,
-        .e-rte-font-color{
-          font-size: 16px;
+        .e-rte-font-color {
+          font-size: 18px;
         }
       }
-      .e-rte-container{
+      .e-rte-container {
         border-radius: 4px;
       }
-      .e-richtexteditor{
+      .e-richtexteditor {
         border-radius: 4px;
         .e-toolbar {
           border-radius: 4px 4px 0 0;

package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss CHANGED Viewed

@@ -1510,14 +1510,24 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
           font-size: 2em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h2 {
           font-size: 1.5em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h3 {
@@ -2859,7 +2869,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       .e-rte-dropdown-btn-text,
       .e-background-color,
       .e-rte-font-color {
-        font-size: 14px;
+        font-size: 16px;
       }
     }
     .e-bigger {
@@ -2868,27 +2878,27 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         .e-rte-dropdown-btn-text,
         .e-background-color,
         .e-rte-font-color {
-          font-size: 16px;
+          font-size: 18px;
         }
       }
     }
     .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
       .e-background-color,
-      .e-rte-font-color{
-        font-size: 14px;
+      .e-rte-font-color {
+        font-size: 16px;
       }
     }
     .e-bigger {
       .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
         .e-background-color,
-        .e-rte-font-color{
-          font-size: 16px;
+        .e-rte-font-color {
+          font-size: 18px;
         }
       }
-      .e-rte-container{
+      .e-rte-container {
         border-radius: 4px;
       }
-      .e-richtexteditor{
+      .e-richtexteditor {
         border-radius: 4px;
         .e-toolbar {
           border-radius: 4px 4px 0 0;

package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss CHANGED Viewed

@@ -287,8 +287,8 @@ $rte-tbar-default-bg: $content-bg-color-alt2 !default;
 $rte-extended-toolbar-items-padding: 0;
 $rte-expand-tbar-hover-bg: $content-bg-color-hover !default;
 $rte-big-insert-dialog-label-padding-top: 12px;
-$rte-tbar-icon-size: 14px;
-$rte-background-color-icon-fontsize: 18px;
+$rte-tbar-icon-size: 16px;
+$rte-background-color-icon-fontsize: 16px;
 $rte-big-background-color-icon-fontsize: 20px;
 $rte-dropdown-btn-color-content-padding: 0 !default;
 $rte-big-dropdown-btn-color-content-padding: 9.5px !default;
@@ -1512,14 +1512,24 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
           font-size: 2em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h2 {
           font-size: 1.5em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h3 {
@@ -2861,7 +2871,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
       .e-rte-dropdown-btn-text,
       .e-background-color,
       .e-rte-font-color {
-        font-size: 14px;
+        font-size: 16px;
       }
     }
     .e-bigger {
@@ -2870,27 +2880,27 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
         .e-rte-dropdown-btn-text,
         .e-background-color,
         .e-rte-font-color {
-          font-size: 16px;
+          font-size: 18px;
         }
       }
     }
     .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
       .e-background-color,
-      .e-rte-font-color{
-        font-size: 14px;
+      .e-rte-font-color {
+        font-size: 16px;
       }
     }
     .e-bigger {
       .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
         .e-background-color,
-        .e-rte-font-color{
-          font-size: 16px;
+        .e-rte-font-color {
+          font-size: 18px;
         }
       }
-      .e-rte-container{
+      .e-rte-container {
         border-radius: 4px;
       }
-      .e-richtexteditor{
+      .e-richtexteditor {
         border-radius: 4px;
         .e-toolbar {
           border-radius: 4px 4px 0 0;

package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss CHANGED Viewed

@@ -287,8 +287,8 @@ $rte-tbar-default-bg: $content-bg-color-alt2 !default;
 $rte-extended-toolbar-items-padding: 0;
 $rte-expand-tbar-hover-bg: $content-bg-color-hover !default;
 $rte-big-insert-dialog-label-padding-top: 12px;
-$rte-tbar-icon-size: 14px;
-$rte-background-color-icon-fontsize: 18px;
+$rte-tbar-icon-size: 16px;
+$rte-background-color-icon-fontsize: 16px;
 $rte-big-background-color-icon-fontsize: 20px;
 $rte-dropdown-btn-color-content-padding: 0 !default;
 $rte-big-dropdown-btn-color-content-padding: 9.5px !default;
@@ -1512,14 +1512,24 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
           font-size: 2em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h2 {
           font-size: 1.5em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h3 {
@@ -2861,7 +2871,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
       .e-rte-dropdown-btn-text,
       .e-background-color,
       .e-rte-font-color {
-        font-size: 14px;
+        font-size: 16px;
       }
     }
     .e-bigger {
@@ -2870,27 +2880,27 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
         .e-rte-dropdown-btn-text,
         .e-background-color,
         .e-rte-font-color {
-          font-size: 16px;
+          font-size: 18px;
         }
       }
     }
     .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
       .e-background-color,
-      .e-rte-font-color{
-        font-size: 14px;
+      .e-rte-font-color {
+        font-size: 16px;
       }
     }
     .e-bigger {
       .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
         .e-background-color,
-        .e-rte-font-color{
-          font-size: 16px;
+        .e-rte-font-color {
+          font-size: 18px;
         }
       }
-      .e-rte-container{
+      .e-rte-container {
         border-radius: 4px;
       }
-      .e-richtexteditor{
+      .e-richtexteditor {
         border-radius: 4px;
         .e-toolbar {
           border-radius: 4px 4px 0 0;

package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss CHANGED Viewed

@@ -1507,14 +1507,24 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
           font-size: 2em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h2 {
           font-size: 1.5em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
         &.e-h3 {
@@ -2856,7 +2866,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
       .e-rte-dropdown-btn-text,
       .e-background-color,
       .e-rte-font-color {
-        font-size: 14px;
+        font-size: 16px;
       }
     }
     .e-bigger {
@@ -2865,27 +2875,27 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
         .e-rte-dropdown-btn-text,
         .e-background-color,
         .e-rte-font-color {
-          font-size: 16px;
+          font-size: 18px;
         }
       }
     }
     .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
       .e-background-color,
-      .e-rte-font-color{
-        font-size: 14px;
+      .e-rte-font-color {
+        font-size: 16px;
       }
     }
     .e-bigger {
       .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
         .e-background-color,
-        .e-rte-font-color{
-          font-size: 16px;
+        .e-rte-font-color {
+          font-size: 18px;
         }
       }
-      .e-rte-container{
+      .e-rte-container {
         border-radius: 4px;
       }
-      .e-richtexteditor{
+      .e-richtexteditor {
         border-radius: 4px;
         .e-toolbar {
           border-radius: 4px 4px 0 0;