Add scrollbar to Services Dropdown tabs

RedHatInsights · Oct 9, 2023 · 9d883b4 · 9d883b4
1 parent 6d9c5d8
commit 9d883b4
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/AllServicesDropdown/AllServicesDropdown.scss b/src/components/AllServicesDropdown/AllServicesDropdown.scss
@@ -87,9 +87,10 @@
         box-shadow: inset -4px 0 4px -4px rgba(0, 0, 0, 0.16);
         .chr-l-flex__item-tabs {
           overflow: auto;
-          padding-bottom: var(--pf-v5-global--spacer--2xl);
+          padding-bottom: var(--pf-v5-global--spacer--3xl);
         }
         .pf-v5-c-tabs {
+          overflow: scroll;
           --pf-v5-c-tabs__item--m-current__link--after--BorderColor: transparent;
           --pf-v5-c-tabs--m-vertical__link--PaddingTop: var(--pf-v5-global--spacer--sm);
           --pf-v5-c-tabs--m-vertical__link--PaddingBottom: var(--pf-v5-global--spacer--sm);
@@ -106,6 +107,9 @@
           .pf-v5-c-tabs__item.pf-m-current {
             --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
           }
+          &__list {
+            overflow-x: visible;
+          }
         }
       }
       .pf-v5-c-card {