@syncfusion/blazor-themes 24.1.47 → 24.2.4

package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss

@@ -154,7 +154,7 @@ $pv-dialog-pop-close-icon-padding-top: 6px !default;
 $pv-corrupted-dialog-pop-content-padding-top: 6.9px !default;
 $pv-corrupted-dialog-pop-content-padding-bottom: 15px !default;
 $pv-password-dialog-pop-content-padding-bottom: 11px !default;
-$pv-toolbar-total-page-number-font-size: 13px !default;
+$pv-toolbar-total-page-number-font-size: 14px !default;
 $pv-corrupted-notification-background-size: 36.7px 31.7px !default;
 $pv-corrupted-notification-height: 31.7px !default;
 $pv-sidebar-container-top: 56px !default;
@@ -1861,6 +1861,9 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name == 'bootstrap4' {
       color: $pv-thumbnail-border-selection-font-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      color: $white;
+    }
     line-height: $pv-thumbnail-view-button-selection-line-height;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
@@ -1873,6 +1876,9 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name == 'bootstrap4' {
       color: $pv-thumbnail-border-selection-font-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      color: $white;
+    }
     line-height: $pv-thumbnail-view-button-selection-line-height;
     padding: $pv-thumbnail-view-button-selection-padding;
   }
@@ -2256,6 +2262,8 @@ $pv-eye-icon-margin-top: 3px !default;
 
   .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
   .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
+  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
+  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
   .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2266,7 +2274,6 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
-  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
   .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
   .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
   .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2285,9 +2292,10 @@ $pv-eye-icon-margin-top: 3px !default;
       color: $pv-item-selection-color;
     }
   }
-  
+
   .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
+  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
   {
     @if $skin-name == 'bootstrap4' {
       color: $pv-icon-color-hover;
@@ -2521,6 +2529,10 @@ $pv-eye-icon-margin-top: 3px !default;
       background-color: $pv-item-selection-background-color;
       color: $pv-item-selection-color;
     }
+    @if $skin-name == 'bootstrap5' {
+      background-color: $pv-item-selection-background-color;
+      color: $pv-item-selection-color;
+    }
   }
 
   .e-pv-search-btn.e-btn:disabled {
@@ -5604,6 +5616,16 @@ $pv-eye-icon-margin-top: 3px !default;
       color: $pv-stamp-icon-color;
     }
   }
+  
+  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
+  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
+    @if ($skin-name == 'bootstrap4') {
+      color: $pv-prop-win-drop-down-color-hover;
+    }
+    @if ($skin-name == 'bootstrap5') {
+      color: $white;
+    }
+  }
 
   .e-dialog.e-pv-signature-dialog-height {
     height: $pv-signature-dialog-height;

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

@@ -955,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 {
@@ -1250,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,
@@ -1293,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;
@@ -2307,7 +2342,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
   @if $skin-name == 'Material3' {
     .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
-      border-color: $outline;
+      font-weight: $font-weight;
+      border: 1px solid rgba($info-outline-border);
+      border-radius: 20px;
     }
     .e-dialog .e-dlg-header-content + .e-dlg-content{
       padding-top: 0;
@@ -2833,15 +2870,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,
@@ -3291,6 +3332,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
       border-top-right-radius: $rte-border-top-right-radius;
     }
+    .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
+      color: $rte-content-color;
+    }
   }
   // Blazor styles start
   .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {

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

@@ -1012,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 {
@@ -1307,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,
@@ -1350,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;
@@ -2364,7 +2399,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
   @if $skin-name == 'Material3' {
     .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
-      border-color: $outline;
+      font-weight: $font-weight;
+      border: 1px solid rgba($info-outline-border);
+      border-radius: 20px;
     }
     .e-dialog .e-dlg-header-content + .e-dlg-content{
       padding-top: 0;
@@ -2890,15 +2927,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,
@@ -3348,6 +3389,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
       border-top-right-radius: $rte-border-top-right-radius;
     }
+    .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
+      color: $rte-content-color;
+    }
   }
   // Blazor styles start
   .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {

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

@@ -1138,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 {
@@ -1433,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,
@@ -1476,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;
@@ -2490,7 +2525,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
   @if $skin-name == 'Material3' {
     .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
-      border-color: $outline;
+      font-weight: $font-weight;
+      border: 1px solid rgba($info-outline-border);
+      border-radius: 20px;
     }
     .e-dialog .e-dlg-header-content + .e-dlg-content{
       padding-top: 0;
@@ -3016,15 +3053,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,
@@ -3474,6 +3515,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
       border-top-right-radius: $rte-border-top-right-radius;
     }
+    .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
+      color: $rte-content-color;
+    }
   }
   // Blazor styles start
   .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {

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

@@ -940,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 {
@@ -1235,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,
@@ -1278,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;
@@ -2292,7 +2327,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
   @if $skin-name == 'Material3' {
     .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
-      border-color: $outline;
+      font-weight: $font-weight;
+      border: 1px solid rgba($info-outline-border);
+      border-radius: 20px;
     }
     .e-dialog .e-dlg-header-content + .e-dlg-content{
       padding-top: 0;
@@ -2818,15 +2855,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,
@@ -3276,6 +3317,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
       border-top-right-radius: $rte-border-top-right-radius;
     }
+    .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
+      color: $rte-content-color;
+    }
   }
   // Blazor styles start
   .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {

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

@@ -940,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 {
@@ -1235,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,
@@ -1278,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;
@@ -2292,7 +2327,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
   @if $skin-name == 'Material3' {
     .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
-      border-color: $outline;
+      font-weight: $font-weight;
+      border: 1px solid rgba($info-outline-border);
+      border-radius: 20px;
     }
     .e-dialog .e-dlg-header-content + .e-dlg-content{
       padding-top: 0;
@@ -2818,15 +2855,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,
@@ -3276,6 +3317,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
       border-top-right-radius: $rte-border-top-right-radius;
     }
+    .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
+      color: $rte-content-color;
+    }
   }
   // Blazor styles start
   .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {

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

@@ -937,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 {
@@ -1232,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,
@@ -1275,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;
@@ -2289,7 +2324,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
   @if $skin-name == 'Material3' {
     .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
-      border-color: $outline;
+      font-weight: $font-weight;
+      border: 1px solid rgba($info-outline-border);
+      border-radius: 20px;
     }
     .e-dialog .e-dlg-header-content + .e-dlg-content{
       padding-top: 0;
@@ -2815,15 +2852,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,
@@ -3273,6 +3314,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
       border-top-right-radius: $rte-border-top-right-radius;
     }
+    .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
+      color: $rte-content-color;
+    }
   }
   // Blazor styles start
   .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {