From af520b14fb613512232dcdeaa7325b4887f7f384 Mon Sep 17 00:00:00 2001
From: ebremner <ebremner@uwaterloo.ca>
Date: Fri, 15 Oct 2021 14:56:01 -0400
Subject: [PATCH] ISTWCMS-5143: adding css for scrolling and padding for tabs
at narrow width
---
.../_patterns/04-components/tabs/_tabs.scss | 25 ++++++++++++++++---
1 file changed, 22 insertions(+), 3 deletions(-)
diff --git a/source/_patterns/04-components/tabs/_tabs.scss b/source/_patterns/04-components/tabs/_tabs.scss
index 86c1cb02..969b0363 100644
--- a/source/_patterns/04-components/tabs/_tabs.scss
+++ b/source/_patterns/04-components/tabs/_tabs.scss
@@ -1,8 +1,17 @@
// @file
// Styles for UW Tabs.
-.uw-tabs{
+.uw-tabs {
margin:gesso-spacing(sm) auto;
+
+ &.catalog {
+ padding: 0 0.75rem;
+
+ @include medium {
+ padding: 0;
+ }
+ }
+
width: 100%;
.hide-js{
@@ -20,9 +29,11 @@
.uw-tab {
@include flexbox();
- -ms-overflow-style: none;
+ @supports (scrollbar-width: none) {
+ scrollbar-width: none;
+ }
+
overflow-y: scroll;
- scrollbar-width: none;
@include medium {
overflow-y: initial;
@@ -31,6 +42,14 @@
html:not(.js) &{
display:none;
}
+
+ a {
+ white-space: nowrap;
+ }
+}
+
+.uw-tab::-webkit-scrollbar {
+ display: none;
}
// button
--
GitLab