From acf3b577bf6da34ec742005381bacf240efc3862 Mon Sep 17 00:00:00 2001
From: Eric Bremner <ebremner@uwaterloo.ca>
Date: Fri, 15 Oct 2021 14:06:10 +0000
Subject: [PATCH] ISTWCMS-5143: adding hidden horizontal scroll bars to tabs
for narrow widths
---
source/_patterns/04-components/tabs/_tabs.scss | 12 ++++++++++--
1 file changed, 10 insertions(+), 2 deletions(-)
diff --git a/source/_patterns/04-components/tabs/_tabs.scss b/source/_patterns/04-components/tabs/_tabs.scss
index 9d6bf9e0..86c1cb02 100644
--- a/source/_patterns/04-components/tabs/_tabs.scss
+++ b/source/_patterns/04-components/tabs/_tabs.scss
@@ -20,6 +20,14 @@
.uw-tab {
@include flexbox();
+ -ms-overflow-style: none;
+ overflow-y: scroll;
+ scrollbar-width: none;
+
+ @include medium {
+ overflow-y: initial;
+ }
+
html:not(.js) &{
display:none;
}
@@ -32,10 +40,10 @@
font-weight:inherit;
margin:0 0 0 0.15rem;
max-width: inherit;
- padding: 0.5rem 1rem;
+ padding: 1rem 2rem;
@include medium{
border-bottom: 0.4rem solid #fff;
- font-size: gesso-font-size(1);
+
font-weight:inherit;
margin:0 0 0 0.15rem;
max-width: inherit;
--
GitLab