Use overflow: hidden instead

camertron · camertron · commit e32976c10877 · 2024-06-13T13:31:33.000-07:00
diff --git a/app/components/primer/alpha/tab_nav.pcss b/app/components/primer/alpha/tab_nav.pcss
@@ -10,7 +10,7 @@
 .tabnav-tabs {
   display: flex;
   margin-bottom: calc(var(--borderWidth-thin) * -1);
-  overflow: auto;
+  overflow: hidden;
 }
 
 .tabnav::part(tablist-wrapper) {
@@ -71,6 +71,10 @@
   }
 }
 
+tab-container .tabnav-tab {
+  margin-bottom: -1px;
+}
+
 
 /* Tabnav extras
 **

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`.tabnav-tabs {`
`11`	`11`	`display: flex;`
`12`	`12`	`margin-bottom: calc(var(--borderWidth-thin) * -1);`
`13`		`- overflow: auto;`
	`13`	`+ overflow: hidden;`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`.tabnav::part(tablist-wrapper) {`
`@@ -71,6 +71,10 @@`
`71`	`71`	`}`
`72`	`72`	`}`
`73`	`73`
	`74`	`+tab-container .tabnav-tab {`
	`75`	`+ margin-bottom: -1px;`
	`76`	`+}`
	`77`	`+`
`74`	`78`
`75`	`79`	`/* Tabnav extras`
`76`	`80`	`**`