@syncfusion/ej2-angular-richtexteditor 20.4.38 → 20.4.40

package/styles/fluent.css

@@ -740,7 +740,7 @@
 }
 @media screen and (min-width: 992px) {
   .e-richtexteditor .e-rte-content .e-content,
-.e-richtexteditor .e-source-content .e-content {
+  .e-richtexteditor .e-source-content .e-content {
     font-size: 14px;
   }
 }
@@ -2661,15 +2661,17 @@
   width: 292px;
 }
 
-.e-dialog .e-vid-uploadwrap .e-droptext {
-  height: 108px;
-}
-
-.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
+.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
   margin: 0 auto;
   width: 242px;
 }
 
+.e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
+  padding: 8px 4px;
+}
+
 .e-linkheader {
   color: #201f1e;
 }
@@ -2748,6 +2750,11 @@ span.e-rte-videoboxmark {
   color: #605e5c;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
+  border: solid rgba(0, 0, 0, 0.12);
+  border-width: 0 0 0 1px;
+}
+
 .e-rte-table-popup .e-span-border {
   border: 1px solid #edebe9;
   display: block;

package/styles/highcontrast-light.css

@@ -737,7 +737,7 @@
 }
 @media screen and (min-width: 992px) {
   .e-richtexteditor .e-rte-content .e-content,
-.e-richtexteditor .e-source-content .e-content {
+  .e-richtexteditor .e-source-content .e-content {
     font-size: 14px;
   }
 }
@@ -2599,15 +2599,17 @@
   width: 288px;
 }
 
-.e-dialog .e-vid-uploadwrap .e-droptext {
-  height: 108px;
-}
-
-.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
+.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
   margin: 0 auto;
   width: 238px;
 }
 
+.e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
+  padding: 8px 4px;
+}
+
 .e-linkheader {
   color: #000;
 }
@@ -2686,6 +2688,11 @@ span.e-rte-videoboxmark {
   color: #000;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
+  border: solid rgba(0, 0, 0, 0.12);
+  border-width: 0 0 0 1px;
+}
+
 .e-rte-table-popup .e-span-border {
   border: 1px solid #000;
   display: block;

package/styles/highcontrast.css

@@ -737,7 +737,7 @@
 }
 @media screen and (min-width: 992px) {
   .e-richtexteditor .e-rte-content .e-content,
-.e-richtexteditor .e-source-content .e-content {
+  .e-richtexteditor .e-source-content .e-content {
     font-size: 14px;
   }
 }
@@ -2594,15 +2594,17 @@
   width: 288px;
 }
 
-.e-dialog .e-vid-uploadwrap .e-droptext {
-  height: 108px;
-}
-
-.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
+.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
   margin: 0 auto;
   width: 238px;
 }
 
+.e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
+  padding: 8px 4px;
+}
+
 .e-linkheader {
   color: #fff;
 }
@@ -2681,6 +2683,11 @@ span.e-rte-videoboxmark {
   color: #fff;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
+  border: solid rgba(0, 0, 0, 0.12);
+  border-width: 0 0 0 1px;
+}
+
 .e-rte-table-popup .e-span-border {
   border: 1px solid #fff;
   display: block;

package/styles/material-dark.css

@@ -738,7 +738,7 @@
 }
 @media screen and (min-width: 992px) {
   .e-richtexteditor .e-rte-content .e-content,
-.e-richtexteditor .e-source-content .e-content {
+  .e-richtexteditor .e-source-content .e-content {
     font-size: 14px;
   }
 }
@@ -2600,15 +2600,17 @@
   width: 300px;
 }
 
-.e-dialog .e-vid-uploadwrap .e-droptext {
-  height: 108px;
-}
-
-.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
+.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
   margin: 0 auto;
   width: 250px;
 }
 
+.e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
+  padding: 8px 4px;
+}
+
 .e-linkheader {
   color: #fff;
 }
@@ -2687,6 +2689,11 @@ span.e-rte-videoboxmark {
   color: #fff;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
+  border: solid rgba(0, 0, 0, 0.12);
+  border-width: 0 0 0 1px;
+}
+
 .e-rte-table-popup .e-span-border {
   border: 1px solid #616161;
   display: block;

package/styles/material.css

@@ -738,7 +738,7 @@
 }
 @media screen and (min-width: 992px) {
   .e-richtexteditor .e-rte-content .e-content,
-.e-richtexteditor .e-source-content .e-content {
+  .e-richtexteditor .e-source-content .e-content {
     font-size: 14px;
   }
 }
@@ -2600,15 +2600,17 @@
   width: 300px;
 }
 
-.e-dialog .e-vid-uploadwrap .e-droptext {
-  height: 108px;
-}
-
-.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
+.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
   margin: 0 auto;
   width: 250px;
 }
 
+.e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
+  padding: 8px 4px;
+}
+
 .e-linkheader {
   color: rgba(0, 0, 0, 0.87);
 }
@@ -2687,6 +2689,11 @@ span.e-rte-videoboxmark {
   color: #000;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
+  border: solid rgba(0, 0, 0, 0.12);
+  border-width: 0 0 0 1px;
+}
+
 .e-rte-table-popup .e-span-border {
   border: 1px solid rgba(0, 0, 0, 0.12);
   display: block;

package/styles/rich-text-editor/_bootstrap-dark-definition.scss

@@ -151,6 +151,7 @@ $rte-big-quick-tbar-item-min-width: 39px !default;
 $rte-content-font-size: 14px !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;
 
 $rte-dropdown-caret-icon-size: 12px !default;
 $rte-big-dropdown-caret-icon-size: 12px !default;

package/styles/rich-text-editor/_bootstrap-definition.scss

@@ -153,6 +153,7 @@ $rte-dropdown-caret-icon-size: 12px !default;
 $rte-big-dropdown-caret-icon-size: 12px !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;
 
 $rte-big-inline-tmp-min-width: 56px;
 $rte-inline-tmp-min-width: 61px;

package/styles/rich-text-editor/_bootstrap4-definition.scss

@@ -149,6 +149,7 @@ $rte-dropdown-caret-icon-size: 8px !default;
 $rte-big-dropdown-caret-icon-size: 10px !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;
 
 $rte-resize-handler-width: 15px;
 $rte-resize-handler-height: 15px;

package/styles/rich-text-editor/_bootstrap5-definition.scss

@@ -165,6 +165,7 @@ $rte-table-popup-box: $shadow !default;
 $rte-table-border-color: $border-light !default;
 $rte-table-alternate-color: $content-bg-color-alt1 !default;
 $rte-table-header-bg: $content-bg-color-alt1 !default;
+$rte-toolbar-hor-nav-border-width: 0 0 0 1px !default;
 
 //Theme Variables End
 

package/styles/rich-text-editor/_fabric-dark-definition.scss

@@ -152,6 +152,7 @@ $rte-dropdown-caret-icon-size: 12px !default;
 $rte-big-dropdown-caret-icon-size: 12px !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;
 
 $rte-big-inline-tmp-min-width: 40px;
 $rte-inline-tmp-min-width: 42px;

package/styles/rich-text-editor/_fabric-definition.scss

@@ -144,6 +144,7 @@ $rte-table-alternate-color: #f5f5f5 !default;
 $rte-table-header-bg: #e0e0e0 !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;
 
 $rte-insert-dialog-label-padding-top: 20px !default;
 $rte-insert-dialog-label-padding-bottom: 20px !default;

package/styles/rich-text-editor/_fluent-definition.scss

@@ -169,6 +169,7 @@ $rte-table-popup-box: $shadow-lg !default;
 $rte-table-border-color: $border-light !default;
 $rte-table-alternate-color: $content-bg-color-alt1 !default;
 $rte-table-header-bg: $content-bg-color-alt1 !default;
+$rte-toolbar-hor-nav-border-width: 0 0 0 1px !default;
 
 //Theme Variables End
 

package/styles/rich-text-editor/_fusionnew-definition.scss

@@ -165,6 +165,7 @@ $rte-table-popup-box: $shadow !default;
 $rte-table-border-color: $border-light !default;
 $rte-table-alternate-color: $content-bg-color-alt1 !default;
 $rte-table-header-bg: $content-bg-color-alt1 !default;
+$rte-toolbar-hor-nav-border-width: 0 0 0 1px !default;
 
 //Theme Variables End
 

package/styles/rich-text-editor/_highcontrast-definition.scss

@@ -152,6 +152,7 @@ $rte-dropdown-caret-icon-size: 12px !default;
 $rte-big-dropdown-caret-icon-size: 12px !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;
 
 $rte-big-inline-tmp-min-width: 44px;
 $rte-inline-tmp-min-width: 46px;

package/styles/rich-text-editor/_highcontrast-light-definition.scss

@@ -152,6 +152,7 @@ $rte-dropdown-caret-icon-size: 12px !default;
 $rte-big-dropdown-caret-icon-size: 12px !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;
 
 $rte-big-inline-tmp-min-width: 44px;
 $rte-inline-tmp-min-width: 46px;

package/styles/rich-text-editor/_material-dark-definition.scss

@@ -19,6 +19,7 @@ $rte-content-padding: 16px !default;
 $rte-table-popup-padding: 10px !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;
 
 $font-weight: 500 !default;
 $rte-table-popup-bdr-radius: 0 !default;

package/styles/rich-text-editor/_material-definition.scss

@@ -154,6 +154,7 @@ $rte-dropdown-caret-icon-size: 12px !default;
 $rte-big-dropdown-caret-icon-size: 12px !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;
 
 $rte-big-inline-tmp-min-width: 48px;
 $rte-inline-tmp-min-width: 55px;

package/styles/rich-text-editor/_material3-definition.scss

@@ -165,6 +165,7 @@ $rte-table-popup-box: $shadow !default;
 $rte-table-border-color: $border-light !default;
 $rte-table-alternate-color: $content-bg-color-alt1 !default;
 $rte-table-header-bg: $content-bg-color-alt1 !default;
+$rte-toolbar-hor-nav-border-width: 0 0 0 1px !default;
 
 //Theme Variables End
 

package/styles/rich-text-editor/_tailwind-definition.scss

@@ -167,6 +167,7 @@ $rte-table-popup-box: $shadow !default;
 $rte-table-border-color: $border-light !default;
 $rte-table-alternate-color: $content-bg-color-alt1 !default;
 $rte-table-header-bg: $content-bg-color-alt1 !default;
+$rte-toolbar-hor-nav-border-width: 0 0 0 1px !default;
 
 //Theme Variables End
 

package/styles/rich-text-editor/_theme.scss

@@ -470,15 +470,15 @@
     width: $rte-drop-text-width;
   }
 
-  .e-dialog .e-vid-uploadwrap .e-droptext {
-    height: 108px;
-  }
-
-  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
+  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
+  .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
+  .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
     margin: 0 auto;
     width: $rte-drop-text-mobile-width;
   }
-
+  .e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
+    padding: 8px 4px;
+  }
   .e-linkheader {
     color: $rte-img-header-clr;
   }
@@ -565,6 +565,11 @@
     color: $rte-item-color;
   }
 
+  .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover{
+    border: solid rgba(0, 0, 0, .12);
+    border-width: $rte-toolbar-hor-nav-border-width;
+  }
+
   @if $skin-name == 'bootstrap5' {
     .e-rte-table-popup.e-popup.e-popup-open {
       background-color: $rte-table-popup-bg;

package/styles/rich-text-editor/bootstrap-dark.css

@@ -748,7 +748,7 @@
 }
 @media screen and (min-width: 992px) {
   .e-richtexteditor .e-rte-content .e-content,
-.e-richtexteditor .e-source-content .e-content {
+  .e-richtexteditor .e-source-content .e-content {
     font-size: 14px;
   }
 }
@@ -2618,15 +2618,17 @@
   width: 300px;
 }
 
-.e-dialog .e-vid-uploadwrap .e-droptext {
-  height: 108px;
-}
-
-.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
+.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
   margin: 0 auto;
   width: 250px;
 }
 
+.e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
+  padding: 8px 4px;
+}
+
 .e-linkheader {
   color: #fff;
 }
@@ -2705,6 +2707,11 @@ span.e-rte-videoboxmark {
   color: #f0f0f0;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
+  border: solid rgba(0, 0, 0, 0.12);
+  border-width: 0 0 0 1px;
+}
+
 .e-rte-table-popup .e-span-border {
   border: 1px solid #505050;
   display: block;

package/styles/rich-text-editor/bootstrap.css

@@ -889,7 +889,7 @@
 }
 @media screen and (min-width: 992px) {
   .e-richtexteditor .e-rte-content .e-content,
-.e-richtexteditor .e-source-content .e-content {
+  .e-richtexteditor .e-source-content .e-content {
     font-size: 14px;
   }
 }
@@ -2759,15 +2759,17 @@
   width: 300px;
 }
 
-.e-dialog .e-vid-uploadwrap .e-droptext {
-  height: 108px;
-}
-
-.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
+.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
   margin: 0 auto;
   width: 250px;
 }
 
+.e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
+  padding: 8px 4px;
+}
+
 .e-linkheader {
   color: #333;
 }
@@ -2846,6 +2848,11 @@ span.e-rte-videoboxmark {
   color: #000;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
+  border: solid rgba(0, 0, 0, 0.12);
+  border-width: 0 0 0 1px;
+}
+
 .e-rte-table-popup .e-span-border {
   border: 1px solid #ddd;
   display: block;

package/styles/rich-text-editor/bootstrap4.css

@@ -984,7 +984,7 @@
 }
 @media screen and (min-width: 992px) {
   .e-richtexteditor .e-rte-content .e-content,
-.e-richtexteditor .e-source-content .e-content {
+  .e-richtexteditor .e-source-content .e-content {
     font-size: 14px;
   }
 }
@@ -2846,15 +2846,17 @@
   width: 300px;
 }
 
-.e-dialog .e-vid-uploadwrap .e-droptext {
-  height: 108px;
-}
-
-.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
+.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
   margin: 0 auto;
   width: 250px;
 }
 
+.e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
+  padding: 8px 4px;
+}
+
 .e-linkheader {
   color: #212529;
 }
@@ -2933,6 +2935,11 @@ span.e-rte-videoboxmark {
   color: #212529;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
+  border: solid rgba(0, 0, 0, 0.12);
+  border-width: 0 0 0 1px;
+}
+
 .e-rte-table-popup .e-span-border {
   border: 1px solid #dee2e6;
   display: block;

package/styles/rich-text-editor/bootstrap5-dark.css

@@ -756,7 +756,7 @@
 }
 @media screen and (min-width: 992px) {
   .e-richtexteditor .e-rte-content .e-content,
-.e-richtexteditor .e-source-content .e-content {
+  .e-richtexteditor .e-source-content .e-content {
     font-size: 14px;
   }
 }
@@ -2711,15 +2711,17 @@
   width: 300px;
 }
 
-.e-dialog .e-vid-uploadwrap .e-droptext {
-  height: 108px;
-}
-
-.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
+.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
   margin: 0 auto;
   width: 250px;
 }
 
+.e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
+  padding: 8px 4px;
+}
+
 .e-linkheader {
   color: #fff;
 }
@@ -2798,6 +2800,11 @@ span.e-rte-videoboxmark {
   color: #fff;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
+  border: solid rgba(0, 0, 0, 0.12);
+  border-width: 0 0 0 1px;
+}
+
 .e-rte-table-popup.e-popup.e-popup-open {
   background-color: #343a40;
 }

package/styles/rich-text-editor/bootstrap5.css

@@ -756,7 +756,7 @@
 }
 @media screen and (min-width: 992px) {
   .e-richtexteditor .e-rte-content .e-content,
-.e-richtexteditor .e-source-content .e-content {
+  .e-richtexteditor .e-source-content .e-content {
     font-size: 14px;
   }
 }
@@ -2711,15 +2711,17 @@
   width: 300px;
 }
 
-.e-dialog .e-vid-uploadwrap .e-droptext {
-  height: 108px;
-}
-
-.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
+.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
   margin: 0 auto;
   width: 250px;
 }
 
+.e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
+  padding: 8px 4px;
+}
+
 .e-linkheader {
   color: #212529;
 }
@@ -2798,6 +2800,11 @@ span.e-rte-videoboxmark {
   color: #212529;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
+  border: solid rgba(0, 0, 0, 0.12);
+  border-width: 0 0 0 1px;
+}
+
 .e-rte-table-popup.e-popup.e-popup-open {
   background-color: #fff;
 }

package/styles/rich-text-editor/fabric-dark.css

@@ -737,7 +737,7 @@
 }
 @media screen and (min-width: 992px) {
   .e-richtexteditor .e-rte-content .e-content,
-.e-richtexteditor .e-source-content .e-content {
+  .e-richtexteditor .e-source-content .e-content {
     font-size: 14px;
   }
 }
@@ -2599,15 +2599,17 @@
   width: 300px;
 }
 
-.e-dialog .e-vid-uploadwrap .e-droptext {
-  height: 108px;
-}
-
-.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
+.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
   margin: 0 auto;
   width: 250px;
 }
 
+.e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
+  padding: 8px 4px;
+}
+
 .e-linkheader {
   color: #dadada;
 }
@@ -2686,6 +2688,11 @@ span.e-rte-videoboxmark {
   color: #dadada;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
+  border: solid rgba(0, 0, 0, 0.12);
+  border-width: 0 0 0 1px;
+}
+
 .e-rte-table-popup .e-span-border {
   border: 1px solid #414040;
   display: block;