@syncfusion/ej2-vue-navigations 20.1.47 → 20.1.48

package/styles/h-scroll/bootstrap5.css

@@ -47,22 +47,22 @@
 /*! h-scroll layout */
 .e-bigger .e-hscroll,
 .e-hscroll.e-bigger {
-  min-height: 46px;
+  min-height: 48px;
 }
 
 .e-bigger .e-hscroll:not(.e-scroll-device),
 .e-hscroll.e-bigger:not(.e-scroll-device) {
-  padding: 0 38px;
+  padding: 0 48px;
 }
 
 .e-bigger .e-hscroll.e-scroll-device,
 .e-hscroll.e-bigger.e-scroll-device {
-  padding-right: 38px;
+  padding-right: 48px;
 }
 
 .e-bigger .e-hscroll.e-rtl.e-scroll-device,
 .e-hscroll.e-bigger.e-rtl.e-scroll-device {
-  padding-left: 38px;
+  padding-left: 48px;
   padding-right: initial;
 }
 
@@ -73,18 +73,18 @@
 
 .e-bigger .e-hscroll.e-rtl .e-scroll-overlay.e-scroll-right-overlay,
 .e-hscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-right-overlay {
-  left: 38px;
+  left: 48px;
 }
 
 .e-bigger .e-hscroll .e-scroll-overlay.e-scroll-right-overlay,
 .e-hscroll.e-bigger .e-scroll-overlay.e-scroll-right-overlay {
-  right: 38px;
+  right: 48px;
 }
 
 .e-bigger .e-hscroll .e-scroll-nav,
 .e-hscroll.e-bigger .e-scroll-nav {
-  min-height: 46px;
-  width: 38px;
+  min-height: 48px;
+  width: 48px;
 }
 
 .e-hscroll {
@@ -114,7 +114,7 @@
 }
 
 .e-hscroll:not(.e-scroll-device) {
-  padding: 0 32px;
+  padding: 0 28px;
 }
 
 .e-hscroll.e-scroll-device {
@@ -187,11 +187,12 @@
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
+  height: 100%;
   min-height: 38px;
   overflow: hidden;
   position: absolute;
   top: 0;
-  width: 32px;
+  width: 28px;
 }
 
 .e-hscroll .e-scroll-nav.e-scroll-left-nav {

package/styles/h-scroll/fabric-dark.css

@@ -176,6 +176,7 @@
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
+  height: 100%;
   min-height: 40px;
   overflow: hidden;
   position: absolute;

package/styles/h-scroll/fabric.css

@@ -176,6 +176,7 @@
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
+  height: 100%;
   min-height: 40px;
   overflow: hidden;
   position: absolute;

package/styles/h-scroll/highcontrast-light.css

@@ -176,6 +176,7 @@
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
+  height: 100%;
   min-height: 40px;
   overflow: hidden;
   position: absolute;

package/styles/h-scroll/highcontrast.css

@@ -176,6 +176,7 @@
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
+  height: 100%;
   min-height: 40px;
   overflow: hidden;
   position: absolute;

package/styles/h-scroll/material-dark.css

@@ -187,6 +187,7 @@
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
+  height: 100%;
   min-height: 42px;
   overflow: hidden;
   position: absolute;
@@ -228,18 +229,18 @@
 
 .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   border-color: #000;
-  box-shadow: 4px 0 8px 0 #fff;
+  box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
 }
 
 .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   background-color: #212121;
   border-color: #000;
   border-width: 0;
-  box-shadow: -4px 0 8px 0 #fff;
+  box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.6);
 }
 
 .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
-  color: #fff;
+  color: #000;
 }
 
 .e-hscroll .e-scroll-overlay {

package/styles/h-scroll/material.css

@@ -188,6 +188,7 @@
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
+  height: 100%;
   min-height: 42px;
   overflow: hidden;
   position: absolute;

package/styles/h-scroll/tailwind-dark.css

@@ -12,36 +12,36 @@
 
 /*! hscroll icons */
 .e-hscroll.e-rtl.e-scroll-device .e-nav-right-arrow::before {
-  content: '\e765';
+  content: '\e70f';
 }
 
 .e-hscroll.e-rtl.e-scroll-device .e-nav-left-arrow::before {
-  content: '\e748';
+  content: '\e7b7';
 }
 
 .e-hscroll.e-rtl .e-nav-left-arrow::before {
-  content: '\e748';
+  content: '\e7b7';
 }
 
 .e-hscroll.e-rtl .e-nav-right-arrow::before {
-  content: '\e765';
+  content: '\e70f';
 }
 
 .e-hscroll.e-scroll-device .e-nav-right-arrow::before {
-  content: '\e748';
+  content: '\e7b7';
 }
 
 .e-hscroll.e-scroll-device .e-nav-left-arrow::before {
-  content: '\e765';
+  content: '\e70f';
 }
 
 .e-hscroll .e-nav-left-arrow::before {
-  content: '\e765';
+  content: '\e70f';
   line-height: normal;
 }
 
 .e-hscroll .e-nav-right-arrow::before {
-  content: '\e748';
+  content: '\e7b7';
   line-height: normal;
 }
 
@@ -188,6 +188,7 @@
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
+  height: 100%;
   min-height: 38px;
   overflow: hidden;
   position: absolute;

package/styles/h-scroll/tailwind.css

@@ -12,36 +12,36 @@
 
 /*! hscroll icons */
 .e-hscroll.e-rtl.e-scroll-device .e-nav-right-arrow::before {
-  content: '\e765';
+  content: '\e70f';
 }
 
 .e-hscroll.e-rtl.e-scroll-device .e-nav-left-arrow::before {
-  content: '\e748';
+  content: '\e7b7';
 }
 
 .e-hscroll.e-rtl .e-nav-left-arrow::before {
-  content: '\e748';
+  content: '\e7b7';
 }
 
 .e-hscroll.e-rtl .e-nav-right-arrow::before {
-  content: '\e765';
+  content: '\e70f';
 }
 
 .e-hscroll.e-scroll-device .e-nav-right-arrow::before {
-  content: '\e748';
+  content: '\e7b7';
 }
 
 .e-hscroll.e-scroll-device .e-nav-left-arrow::before {
-  content: '\e765';
+  content: '\e70f';
 }
 
 .e-hscroll .e-nav-left-arrow::before {
-  content: '\e765';
+  content: '\e70f';
   line-height: normal;
 }
 
 .e-hscroll .e-nav-right-arrow::before {
-  content: '\e748';
+  content: '\e7b7';
   line-height: normal;
 }
 
@@ -188,6 +188,7 @@
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
+  height: 100%;
   min-height: 38px;
   overflow: hidden;
   position: absolute;