npm - @syncfusion/blazor-themes - Versions diffs - 24.1.46 → 24.2.3 - Mend

@syncfusion/blazor-themes 24.1.46 → 24.2.3

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

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

@@ -200,6 +200,7 @@ $rte-insert-dialog-label-padding-bottom: 20px !default;
 $rte-big-quick-tbar-item-min-height: 36px !default;
 $rte-big-quick-tbar-item-min-width: 36px !default;
 $rte-content-font-size: 14px !default;
+$rte-big-content-font-size: 16px !default;
 $rte-toolbar-icon-size: 16px !default;
 $rte-toolbar-big-icon-size: 18px !default;
 $rte-toolbar-hor-nav-border-width: 0 0 0 1px !default;
@@ -459,6 +460,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         min-height: 350px;
       }
     }
+    .e-rte-content .e-content {
+      font-size: $rte-big-content-font-size;
+    }
   }
   .e-richtexteditor {
@@ -765,10 +769,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         position: relative;
         text-align: inherit;
         z-index: 2;
-        @media screen and (min-width: 992px) {
-          font-size: $rte-content-font-size;
-        }
+        font-size: $rte-content-font-size;
       }
       .e-content p {
@@ -954,6 +955,34 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn{
       font-size: $rte-tbar-icon-size;
     }
+    .e-clickelem::after,
+    .e-video-clickelem::after {
+      left: 0;
+      right: 0;
+      z-index: 1;
+    }
+    .e-clickelem::before,
+    .e-video-clickelem::before {
+      left: 0;
+      right: 0;
+      z-index: 1;
+    }
+    .e-clickelem::before {
+      bottom: 70%;
+      top: 0;
+    }
+    .e-clickelem::after {
+      bottom: 0;
+      top: 70%;
+    }
+    .e-video-clickelem::before {
+      bottom: 85%;
+      top: 0;
+    }
+    .e-video-clickelem::after {
+      bottom: 0;
+      top: 90%;
+    }
   }
   .e-rte-linkcontent .e-rte-label {
@@ -1249,7 +1278,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     height: 20px;
     min-width: 20px;
     padding: 2px 5px;
-    vertical-align: middle;
   }
   .e-rte-table.e-dashed-border td,
@@ -1292,6 +1320,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     padding-top: 0;
   }
+  .e-rte-video-dialog .e-rte-label {
+    padding-top: $rte-insert-dialog-label-padding-top;
+  }
+  .e-rte-video-dialog .e-rte-label:first-child {
+    padding-top: 0;
+  }
   .e-rte-table-resize.e-row-resize,
   .e-rte-table-resize.e-column-resize {
     background-color: transparent;
@@ -2832,15 +2868,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-clickelem::after,
     .e-video-clickelem::after {
       background: transparent;
-      bottom: 0;
       content: '';
       cursor: default;
       display: block;
-      left: 0;
       position: absolute;
-      right: 0;
-      top: 0;
-      z-index: 1;
+    }
+    .e-clickelem::before,
+    .e-video-clickelem::before {
+      background: transparent;
+      content: '';
+      cursor: default;
+      display: block;
+      position: absolute;
     }
     .e-videoheader,

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

@@ -204,6 +204,7 @@ $rte-insert-dialog-label-padding-bottom: 20px !default;
 $rte-big-quick-tbar-item-min-height: 36px !default;
 $rte-big-quick-tbar-item-min-width: 36px !default;
 $rte-content-font-size: 14px !default;
+$rte-big-content-font-size: 16px !default;
 $rte-dropdown-caret-icon-size: 12px !default;
 $rte-big-dropdown-caret-icon-size: 12px !default;
 $rte-toolbar-icon-size: 16px !default;
@@ -516,6 +517,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         min-height: 350px;
       }
     }
+    .e-rte-content .e-content {
+      font-size: $rte-big-content-font-size;
+    }
   }
   .e-richtexteditor {
@@ -822,10 +826,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         position: relative;
         text-align: inherit;
         z-index: 2;
-        @media screen and (min-width: 992px) {
-          font-size: $rte-content-font-size;
-        }
+        font-size: $rte-content-font-size;
       }
       .e-content p {
@@ -1011,6 +1012,34 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn{
       font-size: $rte-tbar-icon-size;
     }
+    .e-clickelem::after,
+    .e-video-clickelem::after {
+      left: 0;
+      right: 0;
+      z-index: 1;
+    }
+    .e-clickelem::before,
+    .e-video-clickelem::before {
+      left: 0;
+      right: 0;
+      z-index: 1;
+    }
+    .e-clickelem::before {
+      bottom: 70%;
+      top: 0;
+    }
+    .e-clickelem::after {
+      bottom: 0;
+      top: 70%;
+    }
+    .e-video-clickelem::before {
+      bottom: 85%;
+      top: 0;
+    }
+    .e-video-clickelem::after {
+      bottom: 0;
+      top: 90%;
+    }
   }
   .e-rte-linkcontent .e-rte-label {
@@ -1306,7 +1335,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     height: 20px;
     min-width: 20px;
     padding: 2px 5px;
-    vertical-align: middle;
   }
   .e-rte-table.e-dashed-border td,
@@ -1349,6 +1377,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     padding-top: 0;
   }
+  .e-rte-video-dialog .e-rte-label {
+    padding-top: $rte-insert-dialog-label-padding-top;
+  }
+  .e-rte-video-dialog .e-rte-label:first-child {
+    padding-top: 0;
+  }
   .e-rte-table-resize.e-row-resize,
   .e-rte-table-resize.e-column-resize {
     background-color: transparent;
@@ -2889,15 +2925,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-clickelem::after,
     .e-video-clickelem::after {
       background: transparent;
-      bottom: 0;
       content: '';
       cursor: default;
       display: block;
-      left: 0;
       position: absolute;
-      right: 0;
-      top: 0;
-      z-index: 1;
+    }
+    .e-clickelem::before,
+    .e-video-clickelem::before {
+      background: transparent;
+      content: '';
+      cursor: default;
+      display: block;
+      position: absolute;
     }
     .e-videoheader,

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

@@ -191,6 +191,7 @@ $rte-insert-dialog-label-padding-bottom: 14px !default;
 $rte-big-quick-tbar-item-min-height: 38px !default;
 $rte-big-quick-tbar-item-min-width: 38px !default;
 $rte-content-font-size: 14px !default;
+$rte-big-content-font-size: 16px !default;
 $rte-table-popup-bdr-radius: 0 !default;
 $rte-inline-dropdown-line-height: 30px !default;
@@ -642,6 +643,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         min-height: 350px;
       }
     }
+    .e-rte-content .e-content {
+      font-size: $rte-big-content-font-size;
+    }
   }
   .e-richtexteditor {
@@ -948,10 +952,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         position: relative;
         text-align: inherit;
         z-index: 2;
-        @media screen and (min-width: 992px) {
-          font-size: $rte-content-font-size;
-        }
+        font-size: $rte-content-font-size;
       }
       .e-content p {
@@ -1137,6 +1138,34 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn{
       font-size: $rte-tbar-icon-size;
     }
+    .e-clickelem::after,
+    .e-video-clickelem::after {
+      left: 0;
+      right: 0;
+      z-index: 1;
+    }
+    .e-clickelem::before,
+    .e-video-clickelem::before {
+      left: 0;
+      right: 0;
+      z-index: 1;
+    }
+    .e-clickelem::before {
+      bottom: 70%;
+      top: 0;
+    }
+    .e-clickelem::after {
+      bottom: 0;
+      top: 70%;
+    }
+    .e-video-clickelem::before {
+      bottom: 85%;
+      top: 0;
+    }
+    .e-video-clickelem::after {
+      bottom: 0;
+      top: 90%;
+    }
   }
   .e-rte-linkcontent .e-rte-label {
@@ -1432,7 +1461,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     height: 20px;
     min-width: 20px;
     padding: 2px 5px;
-    vertical-align: middle;
   }
   .e-rte-table.e-dashed-border td,
@@ -1475,6 +1503,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     padding-top: 0;
   }
+  .e-rte-video-dialog .e-rte-label {
+    padding-top: $rte-insert-dialog-label-padding-top;
+  }
+  .e-rte-video-dialog .e-rte-label:first-child {
+    padding-top: 0;
+  }
   .e-rte-table-resize.e-row-resize,
   .e-rte-table-resize.e-column-resize {
     background-color: transparent;
@@ -3015,15 +3051,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-clickelem::after,
     .e-video-clickelem::after {
       background: transparent;
-      bottom: 0;
       content: '';
       cursor: default;
       display: block;
-      left: 0;
       position: absolute;
-      right: 0;
-      top: 0;
-      z-index: 1;
+    }
+    .e-clickelem::before,
+    .e-video-clickelem::before {
+      background: transparent;
+      content: '';
+      cursor: default;
+      display: block;
+      position: absolute;
     }
     .e-videoheader,

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

@@ -113,7 +113,8 @@ $rte-insert-dialog-label-padding-top: 12px !default;
 $rte-insert-dialog-label-padding-bottom: 12px !default;
 $rte-big-quick-tbar-item-min-height: 38px !default;
 $rte-big-quick-tbar-item-min-width: 38px !default;
-$rte-content-font-size: $text-sm !default;
+$rte-content-font-size: 14px !default;
+$rte-big-content-font-size: 16px !default;
 $rte-dropdown-caret-icon-size: $text-xs !default;
 $rte-big-dropdown-caret-icon-size: $text-sm !default;
 $font-weight: $font-weight-light !default;
@@ -444,6 +445,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         min-height: 350px;
       }
     }
+    .e-rte-content .e-content {
+      font-size: $rte-big-content-font-size;
+    }
   }
   .e-richtexteditor {
@@ -750,10 +754,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         position: relative;
         text-align: inherit;
         z-index: 2;
-        @media screen and (min-width: 992px) {
-          font-size: $rte-content-font-size;
-        }
+        font-size: $rte-content-font-size;
       }
       .e-content p {
@@ -939,6 +940,34 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn{
       font-size: $rte-tbar-icon-size;
     }
+    .e-clickelem::after,
+    .e-video-clickelem::after {
+      left: 0;
+      right: 0;
+      z-index: 1;
+    }
+    .e-clickelem::before,
+    .e-video-clickelem::before {
+      left: 0;
+      right: 0;
+      z-index: 1;
+    }
+    .e-clickelem::before {
+      bottom: 70%;
+      top: 0;
+    }
+    .e-clickelem::after {
+      bottom: 0;
+      top: 70%;
+    }
+    .e-video-clickelem::before {
+      bottom: 85%;
+      top: 0;
+    }
+    .e-video-clickelem::after {
+      bottom: 0;
+      top: 90%;
+    }
   }
   .e-rte-linkcontent .e-rte-label {
@@ -1234,7 +1263,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     height: 20px;
     min-width: 20px;
     padding: 2px 5px;
-    vertical-align: middle;
   }
   .e-rte-table.e-dashed-border td,
@@ -1277,6 +1305,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     padding-top: 0;
   }
+  .e-rte-video-dialog .e-rte-label {
+    padding-top: $rte-insert-dialog-label-padding-top;
+  }
+  .e-rte-video-dialog .e-rte-label:first-child {
+    padding-top: 0;
+  }
   .e-rte-table-resize.e-row-resize,
   .e-rte-table-resize.e-column-resize {
     background-color: transparent;
@@ -2817,15 +2853,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-clickelem::after,
     .e-video-clickelem::after {
       background: transparent;
-      bottom: 0;
       content: '';
       cursor: default;
       display: block;
-      left: 0;
       position: absolute;
-      right: 0;
-      top: 0;
-      z-index: 1;
+    }
+    .e-clickelem::before,
+    .e-video-clickelem::before {
+      background: transparent;
+      content: '';
+      cursor: default;
+      display: block;
+      position: absolute;
     }
     .e-videoheader,

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

@@ -113,7 +113,8 @@ $rte-insert-dialog-label-padding-top: 12px !default;
 $rte-insert-dialog-label-padding-bottom: 12px !default;
 $rte-big-quick-tbar-item-min-height: 38px !default;
 $rte-big-quick-tbar-item-min-width: 38px !default;
-$rte-content-font-size: $text-sm !default;
+$rte-content-font-size: 14px !default;
+$rte-big-content-font-size: 16px !default;
 $rte-dropdown-caret-icon-size: $text-xs !default;
 $rte-big-dropdown-caret-icon-size: $text-sm !default;
 $font-weight: $font-weight-light !default;
@@ -444,6 +445,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         min-height: 350px;
       }
     }
+    .e-rte-content .e-content {
+      font-size: $rte-big-content-font-size;
+    }
   }
   .e-richtexteditor {
@@ -750,10 +754,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         position: relative;
         text-align: inherit;
         z-index: 2;
-        @media screen and (min-width: 992px) {
-          font-size: $rte-content-font-size;
-        }
+        font-size: $rte-content-font-size;
       }
       .e-content p {
@@ -939,6 +940,34 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn{
       font-size: $rte-tbar-icon-size;
     }
+    .e-clickelem::after,
+    .e-video-clickelem::after {
+      left: 0;
+      right: 0;
+      z-index: 1;
+    }
+    .e-clickelem::before,
+    .e-video-clickelem::before {
+      left: 0;
+      right: 0;
+      z-index: 1;
+    }
+    .e-clickelem::before {
+      bottom: 70%;
+      top: 0;
+    }
+    .e-clickelem::after {
+      bottom: 0;
+      top: 70%;
+    }
+    .e-video-clickelem::before {
+      bottom: 85%;
+      top: 0;
+    }
+    .e-video-clickelem::after {
+      bottom: 0;
+      top: 90%;
+    }
   }
   .e-rte-linkcontent .e-rte-label {
@@ -1234,7 +1263,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     height: 20px;
     min-width: 20px;
     padding: 2px 5px;
-    vertical-align: middle;
   }
   .e-rte-table.e-dashed-border td,
@@ -1277,6 +1305,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     padding-top: 0;
   }
+  .e-rte-video-dialog .e-rte-label {
+    padding-top: $rte-insert-dialog-label-padding-top;
+  }
+  .e-rte-video-dialog .e-rte-label:first-child {
+    padding-top: 0;
+  }
   .e-rte-table-resize.e-row-resize,
   .e-rte-table-resize.e-column-resize {
     background-color: transparent;
@@ -2817,15 +2853,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-clickelem::after,
     .e-video-clickelem::after {
       background: transparent;
-      bottom: 0;
       content: '';
       cursor: default;
       display: block;
-      left: 0;
       position: absolute;
-      right: 0;
-      top: 0;
-      z-index: 1;
+    }
+    .e-clickelem::before,
+    .e-video-clickelem::before {
+      background: transparent;
+      content: '';
+      cursor: default;
+      display: block;
+      position: absolute;
     }
     .e-videoheader,

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

@@ -203,6 +203,7 @@ $rte-insert-dialog-label-padding-bottom: 20px !default;
 $rte-big-quick-tbar-item-min-height: 50px !default;
 $rte-big-quick-tbar-item-min-width: 50px !default;
 $rte-content-font-size: 14px !default;
+$rte-big-content-font-size: 16px !default;
 $rte-dropdown-caret-icon-size: 12px !default;
 $rte-big-dropdown-caret-icon-size: 12px !default;
 $rte-toolbar-icon-size: 16px !default;
@@ -441,6 +442,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         min-height: 350px;
       }
     }
+    .e-rte-content .e-content {
+      font-size: $rte-big-content-font-size;
+    }
   }
   .e-richtexteditor {
@@ -747,10 +751,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         position: relative;
         text-align: inherit;
         z-index: 2;
-        @media screen and (min-width: 992px) {
-          font-size: $rte-content-font-size;
-        }
+        font-size: $rte-content-font-size;
       }
       .e-content p {
@@ -936,6 +937,34 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn{
       font-size: $rte-tbar-icon-size;
     }
+    .e-clickelem::after,
+    .e-video-clickelem::after {
+      left: 0;
+      right: 0;
+      z-index: 1;
+    }
+    .e-clickelem::before,
+    .e-video-clickelem::before {
+      left: 0;
+      right: 0;
+      z-index: 1;
+    }
+    .e-clickelem::before {
+      bottom: 70%;
+      top: 0;
+    }
+    .e-clickelem::after {
+      bottom: 0;
+      top: 70%;
+    }
+    .e-video-clickelem::before {
+      bottom: 85%;
+      top: 0;
+    }
+    .e-video-clickelem::after {
+      bottom: 0;
+      top: 90%;
+    }
   }
   .e-rte-linkcontent .e-rte-label {
@@ -1231,7 +1260,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     height: 20px;
     min-width: 20px;
     padding: 2px 5px;
-    vertical-align: middle;
   }
   .e-rte-table.e-dashed-border td,
@@ -1274,6 +1302,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     padding-top: 0;
   }
+  .e-rte-video-dialog .e-rte-label {
+    padding-top: $rte-insert-dialog-label-padding-top;
+  }
+  .e-rte-video-dialog .e-rte-label:first-child {
+    padding-top: 0;
+  }
   .e-rte-table-resize.e-row-resize,
   .e-rte-table-resize.e-column-resize {
     background-color: transparent;
@@ -2814,15 +2850,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-clickelem::after,
     .e-video-clickelem::after {
       background: transparent;
-      bottom: 0;
       content: '';
       cursor: default;
       display: block;
-      left: 0;
       position: absolute;
-      right: 0;
-      top: 0;
-      z-index: 1;
+    }
+    .e-clickelem::before,
+    .e-video-clickelem::before {
+      background: transparent;
+      content: '';
+      cursor: default;
+      display: block;
+      position: absolute;
     }
     .e-videoheader,