@syncfusion/ej2-navigations 28.2.12 → 29.1.34

package/styles/fluent-dark.css

@@ -3677,7 +3677,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #252423;
   border: 1px solid #292827;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -4198,6 +4198,11 @@
   height: 26px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 48px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -6252,8 +6257,8 @@
   color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
-  background: #005ba1;
-  background-color: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
+  background-color: rgb(0, 91.1320754717, 161);
   border-color: unset;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
@@ -6390,7 +6395,7 @@
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
 .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
-  background: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
   color: #1b1a19;
   border-color: unset;
 }
@@ -6452,20 +6457,20 @@
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
   color: #1b1a19;
-  background: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
   border: 1px solid #292827;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
-  background: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:active,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:active {
-  background: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
   border-color: #292827;
   color: #1b1a19;
 }
@@ -6574,7 +6579,7 @@
   background: rgba(41, 40, 39, 0.38);
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
-  background: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
   border-color: unset;
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
@@ -8027,6 +8032,11 @@
   position: absolute;
   width: 100%;
 }
+@supports (-webkit-overflow-scrolling: touch) {
+  .e-treeview .e-fullrow {
+    z-index: -1;
+  }
+}
 .e-treeview .e-checkbox-wrapper {
   margin: 0 0 0 12px;
   pointer-events: all;
@@ -8398,7 +8408,7 @@
   border-color: #f3f2f1;
 }
 .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
-  background-color: #363533;
+  background-color: rgb(54.06875, 52.75, 51.43125);
   border-color: #292827;
 }
 .e-treeview .e-list-item.e-active.e-hover > .e-text-content, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
@@ -8468,7 +8478,7 @@
   border-color: #292827;
 }
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
-  background-color: #363533;
+  background-color: rgb(54.06875, 52.75, 51.43125);
   border-color: #292827;
 }
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
@@ -11357,7 +11367,7 @@ ejs-sidebar {
 }
 .e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active,
 .e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
-  background: #0060aa;
+  background: rgb(0, 96, 169.6);
 }
 .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-indicator:active,
 .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-step:active {

package/styles/fluent-lite.css

@@ -3055,7 +3055,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #fff;
   border: 1px solid #edebe9;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -3530,6 +3530,11 @@
   height: 26px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 48px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -5584,8 +5589,8 @@
   color: #fff;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
-  background: #005ba1;
-  background-color: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
+  background-color: rgb(0, 91.1320754717, 161);
   border-color: unset;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
@@ -5722,7 +5727,7 @@
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
 .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
-  background: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
   color: #fff;
   border-color: unset;
 }
@@ -5784,20 +5789,20 @@
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
   color: #fff;
-  background: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
   border: 1px solid #edebe9;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
-  background: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:active,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:active {
-  background: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
   border-color: #edebe9;
   color: #fff;
 }
@@ -5906,7 +5911,7 @@
   background: rgba(237, 235, 233, 0.38);
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
-  background: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
   border-color: unset;
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
@@ -6158,6 +6163,11 @@
   position: absolute;
   width: 100%;
 }
+@supports (-webkit-overflow-scrolling: touch) {
+  .e-treeview .e-fullrow {
+    z-index: -1;
+  }
+}
 .e-treeview .e-checkbox-wrapper {
   margin: 0 0 0 12px;
   pointer-events: all;
@@ -6529,7 +6539,7 @@
   border-color: #201f1e;
 }
 .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
-  background-color: #e2dedb;
+  background-color: rgb(225.525, 222.25, 218.975);
   border-color: #edebe9;
 }
 .e-treeview .e-list-item.e-active.e-hover > .e-text-content, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
@@ -6599,7 +6609,7 @@
   border-color: #edebe9;
 }
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
-  background-color: #e2dedb;
+  background-color: rgb(225.525, 222.25, 218.975);
   border-color: #edebe9;
 }
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
@@ -8809,7 +8819,7 @@ ejs-sidebar {
 }
 .e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active,
 .e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
-  background: #0060aa;
+  background: rgb(0, 96, 169.6);
 }
 .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-indicator:active,
 .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-step:active {

package/styles/fluent.css

@@ -3677,7 +3677,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #fff;
   border: 1px solid #edebe9;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -4198,6 +4198,11 @@
   height: 26px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 48px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -6252,8 +6257,8 @@
   color: #fff;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
-  background: #005ba1;
-  background-color: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
+  background-color: rgb(0, 91.1320754717, 161);
   border-color: unset;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
@@ -6390,7 +6395,7 @@
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
 .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
-  background: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
   color: #fff;
   border-color: unset;
 }
@@ -6452,20 +6457,20 @@
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
   color: #fff;
-  background: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
   border: 1px solid #edebe9;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
-  background: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:active,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:active {
-  background: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
   border-color: #edebe9;
   color: #fff;
 }
@@ -6574,7 +6579,7 @@
   background: rgba(237, 235, 233, 0.38);
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
-  background: #005ba1;
+  background: rgb(0, 91.1320754717, 161);
   border-color: unset;
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
@@ -8027,6 +8032,11 @@
   position: absolute;
   width: 100%;
 }
+@supports (-webkit-overflow-scrolling: touch) {
+  .e-treeview .e-fullrow {
+    z-index: -1;
+  }
+}
 .e-treeview .e-checkbox-wrapper {
   margin: 0 0 0 12px;
   pointer-events: all;
@@ -8398,7 +8408,7 @@
   border-color: #201f1e;
 }
 .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
-  background-color: #e2dedb;
+  background-color: rgb(225.525, 222.25, 218.975);
   border-color: #edebe9;
 }
 .e-treeview .e-list-item.e-active.e-hover > .e-text-content, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
@@ -8468,7 +8478,7 @@
   border-color: #edebe9;
 }
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
-  background-color: #e2dedb;
+  background-color: rgb(225.525, 222.25, 218.975);
   border-color: #edebe9;
 }
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
@@ -11357,7 +11367,7 @@ ejs-sidebar {
 }
 .e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active,
 .e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
-  background: #0060aa;
+  background: rgb(0, 96, 169.6);
 }
 .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-indicator:active,
 .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-step:active {

package/styles/fluent2-lite.css

@@ -3197,7 +3197,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: var(--color-sf-flyout-bg-color);
   border: 1px solid var(--color-sf-border-light);
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -3722,6 +3722,11 @@
   height: 32px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 46px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -6587,6 +6592,11 @@
   width: calc(100% - 8px);
   margin-left: 4px;
 }
+@supports (-webkit-overflow-scrolling: touch) {
+  .e-treeview .e-fullrow {
+    z-index: -1;
+  }
+}
 .e-treeview .e-checkbox-wrapper {
   margin: 0 0 0 4px;
   pointer-events: all;

package/styles/fluent2.css

@@ -3837,7 +3837,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: var(--color-sf-flyout-bg-color);
   border: 1px solid var(--color-sf-border-light);
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -4442,6 +4442,11 @@
   height: 32px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 46px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -8512,6 +8517,11 @@
   width: calc(100% - 8px);
   margin-left: 4px;
 }
+@supports (-webkit-overflow-scrolling: touch) {
+  .e-treeview .e-fullrow {
+    z-index: -1;
+  }
+}
 .e-treeview .e-checkbox-wrapper {
   margin: 0 0 0 4px;
   pointer-events: all;

package/styles/h-scroll/_bootstrap4-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: 'bootstrap4' !default;
 $hscroll-border-type: solid !default;
@@ -32,12 +34,12 @@ $hscroll-device-arrow-size-bigger: 14px !default;
 $hscroll-device-arrow-width: 52px !default;
 
 $hscroll-default-icon-color: #333 !default;
-$hscroll-hover-bg: darken($gray-600, 7.5%) !default;
+$hscroll-hover-bg: color.adjust($gray-600, $lightness: -7.5%) !default;
 $hscroll-press-bg:  $gray-600 !default;
 $hscroll-default-border: #ccc !default;
 $hscroll-focus-border: 1px $gray-600 !default;
 $hscroll-active-border: 3px solid $gray-500 !default;
-$hscroll-hover-border: 1px darken($gray-600, 10%) !default;
+$hscroll-hover-border: 1px color.adjust($gray-600, $lightness: -10%) !default;
 $hscroll-hover-border-color: '' !default;
 $hscroll-active-box-shadow: none !default;
 

package/styles/h-scroll/bootstrap4.css

@@ -188,22 +188,22 @@
   border-right: 1px solid #ccc;
 }
 .e-hscroll.e-rtl .e-scroll-nav:hover {
-  background: #5a6268;
-  border: 1px #545b62;
+  background: rgb(90.2703862661, 97.7929184549, 104.4796137339);
+  border: 1px rgb(84.3605150215, 91.3905579399, 97.6394849785);
   color: #fff;
 }
 .e-hscroll.e-rtl .e-scroll-nav:hover:active {
-  background: #5a6268;
+  background: rgb(90.2703862661, 97.7929184549, 104.4796137339);
 }
 .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
-  background: #5a6268;
+  background: rgb(90.2703862661, 97.7929184549, 104.4796137339);
   color: #fff;
 }
 .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
   color: inherit;
 }
 .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
-  background: #5a6268;
+  background: rgb(90.2703862661, 97.7929184549, 104.4796137339);
   border: 1px #6c757d;
   color: #fff;
 }

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

@@ -172,13 +172,13 @@
   color: #adb5bd;
 }
 .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   -webkit-box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
           box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
 }
 .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   background-color: #343a40;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border-width: 1px;
   -webkit-box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
           box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
@@ -202,12 +202,12 @@
   background: #343a40;
 }
 .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
-  border-left: 1px solid #444c54;
+  border-left: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-right: 0;
 }
 .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
   border-left: 0;
-  border-right: 1px solid #444c54;
+  border-right: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-hscroll.e-rtl .e-scroll-nav:hover {
   background: #495057;
@@ -246,10 +246,10 @@
   background: #343a40;
 }
 .e-hscroll .e-scroll-nav.e-scroll-left-nav {
-  border-right: 1px solid #444c54;
+  border-right: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-hscroll .e-scroll-nav.e-scroll-right-nav {
-  border-left: 1px solid #444c54;
+  border-left: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-hscroll .e-scroll-nav::after {
   background-color: transparent;

package/styles/h-scroll/fabric.css

@@ -210,7 +210,7 @@
   color: #333;
 }
 .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
-  background: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
   border: 0;
   -webkit-box-shadow: none;
           box-shadow: none;

package/styles/highcontrast-light-lite.css

@@ -3016,7 +3016,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #fff;
   border: 1px solid #757575;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -3485,6 +3485,11 @@
   height: 32px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 50px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -6112,6 +6117,11 @@
   position: absolute;
   width: 100%;
 }
+@supports (-webkit-overflow-scrolling: touch) {
+  .e-treeview .e-fullrow {
+    z-index: -1;
+  }
+}
 .e-treeview .e-checkbox-wrapper {
   margin: 0 0 0 5px;
   pointer-events: all;

package/styles/highcontrast-light.css

@@ -3638,7 +3638,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #fff;
   border: 1px solid #757575;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -4166,6 +4166,11 @@
   height: 32px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 50px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -7994,6 +7999,11 @@
   position: absolute;
   width: 100%;
 }
+@supports (-webkit-overflow-scrolling: touch) {
+  .e-treeview .e-fullrow {
+    z-index: -1;
+  }
+}
 .e-treeview .e-checkbox-wrapper {
   margin: 0 0 0 5px;
   pointer-events: all;

package/styles/highcontrast-lite.css

@@ -3017,7 +3017,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #000;
   border: 1px solid #969696;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -3492,6 +3492,11 @@
   height: 32px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 50px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -6120,6 +6125,11 @@
   position: absolute;
   width: 100%;
 }
+@supports (-webkit-overflow-scrolling: touch) {
+  .e-treeview .e-fullrow {
+    z-index: -1;
+  }
+}
 .e-treeview .e-checkbox-wrapper {
   margin: 0 0 0 5px;
   pointer-events: all;

package/styles/highcontrast.css

@@ -3639,7 +3639,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #000;
   border: 1px solid #969696;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -4173,6 +4173,11 @@
   height: 32px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 50px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -8002,6 +8007,11 @@
   position: absolute;
   width: 100%;
 }
+@supports (-webkit-overflow-scrolling: touch) {
+  .e-treeview .e-fullrow {
+    z-index: -1;
+  }
+}
 .e-treeview .e-checkbox-wrapper {
   margin: 0 0 0 5px;
   pointer-events: all;