Merge pull request #1062 from primer/responsive-tabnav

Make tabnav responsive
primer · Aug 3, 2020 · c373293 · c373293
2 parents 8c840a2 + 2899438
commit c373293
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/navigation/tabnav.scss b/src/navigation/tabnav.scss
@@ -7,12 +7,15 @@
 }
 
 .tabnav-tabs {
+  display: flex;
   // stylelint-disable-next-line primer/spacing
   margin-bottom: -1px;
+  overflow: auto;
 }
 
 .tabnav-tab {
   display: inline-block;
+  flex-shrink: 0;
   padding: $spacer-2 $spacer-3;
   font-size: $h5-size;
   // stylelint-disable-next-line primer/typography