fixed display on tall, thin screens

Transgender-Resource-Wiki · May 26, 2024 · bae11de · bae11de
1 parent bd6914e
commit bae11de
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/src/components/SiteMap.astro b/src/components/SiteMap.astro
@@ -119,7 +119,8 @@ const { link } = Astro.props;
 			max-width: 14%;
 		  	height: auto;
 		  	max-height: 28%;
-		  	overflow: scroll;
+		  	overflow-y: scroll;
+			overflow-x: hidden;
 		  	flex-direction: column;
 			margin: 0;
 			direction: rtl;
@@ -138,7 +139,7 @@ const { link } = Astro.props;
     		left: -0.2%;
     		width: 13.9vw;
     		height: 4.25%;
-    		font-size: clamp(0.8rem, 1.33vw, 1.33rem);
+    		font-size: clamp(0.8rem, 4vw, 1.33rem);
     		color: whitesmoke;
     		font-family: Verdana, sans-serif, system-ui;
     		box-sizing: border-box; 

diff --git a/src/styles/ContentsTable.css b/src/styles/ContentsTable.css
@@ -142,6 +142,9 @@
     .contents-table span,
     .contents-table-mobile span {
 		visibility: visible;
+        display: flex;
+        align-items: center;
+        justify-content: left;
     	background: linear-gradient(#589edb, #e591de);
     	border-radius: 0.5rem;
     	position: fixed;
@@ -151,7 +154,7 @@
     	left: -0.2%;
     	width: 13.9vw;
     	height: 4.25%;
-    	font-size: clamp(0.8rem, 4.5vw, 1.33rem);
+    	font-size: clamp(0.8rem, 3vw, 1.33rem);
     	color: whitesmoke;
     	box-sizing: border-box; 
         overflow: hidden;
@@ -161,8 +164,7 @@
         z-index: 1;
 		background: none;
 		position: relative; 
-		margin-top: 0;
-		top: 5%;
+		margin-top: 15;
     	left: 5%; 
     	text-align: left; 
     	line-height: 1.5;