Hide description & QR button on very small screens

2 years ago · 17163208bf
parent ac3c02fb72
commit 17163208bf
1 changed files with 14 additions and 1 deletions
--- a/output/index.css
+++ b/output/index.css
@ -716,8 +716,21 @@ footer nav a {
 }

@media (max-width: 500px) {
+	#th_qr_code, .td_qr_code {
+		display: none;
+	}
+
+	#th_description, .td_description {
+		display: none;
+	}
+
+	#th_name, .td_name {
+		max-width: var(--dynamic-columns-width);
+		width: var(--dynamic-columns-width);
+	}
+
 	:root {
 		/* ! For when descriptions don't wrap and 100vw doesn't work. */
-		--dynamic-columns-width: 10rem;
+		--dynamic-columns-width: 13rem;
 	}
 }