Fix scrollbars hiding badge tabs (#494)

Desdaemon · web-flow · commit 526b738d2f05 · 2024-07-18T19:23:45.000+08:00
Occurs when desktop zoom is over 150%
diff --git a/play.css b/play.css
@@ -3771,16 +3771,17 @@ form .uiTheme {
   place-items: end;
 }
 
+/* Collapse tabs into horizontal strip */
 @media only screen and (orientation: portrait), only screen and (height < 768px) {
   #badgeGameTabs, #badgeCategoryTabs {
     flex-wrap: nowrap;
-    min-height: 38px;
+    min-height: 3.1rem;
     overflow-x: scroll;
     white-space: nowrap;
   }
     
   #badgeCategoryTabs {
-    min-height: 20px;
+    min-height: 2.2rem;
   }
 
   /* https://stackoverflow.com/questions/11387805/media-query-to-detect-if-device-is-touchscreen */

Original file line number	Diff line number	Diff line change
`@@ -3771,16 +3771,17 @@ form .uiTheme {`
`3771`	`3771`	`place-items: end;`
`3772`	`3772`	`}`
`3773`	`3773`
	`3774`	`+/* Collapse tabs into horizontal strip */`
`3774`	`3775`	`@media only screen and (orientation: portrait), only screen and (height < 768px) {`
`3775`	`3776`	`#badgeGameTabs, #badgeCategoryTabs {`
`3776`	`3777`	`flex-wrap: nowrap;`
`3777`		`- min-height: 38px;`
	`3778`	`+ min-height: 3.1rem;`
`3778`	`3779`	`overflow-x: scroll;`
`3779`	`3780`	`white-space: nowrap;`
`3780`	`3781`	`}`
`3781`	`3782`
`3782`	`3783`	`#badgeCategoryTabs {`
`3783`		`- min-height: 20px;`
	`3784`	`+ min-height: 2.2rem;`
`3784`	`3785`	`}`
`3785`	`3786`
`3786`	`3787`	`/* https://stackoverflow.com/questions/11387805/media-query-to-detect-if-device-is-touchscreen */`