From bae11debf9cba10be8e84269c97901ea12edd3df Mon Sep 17 00:00:00 2001 From: Transgender-Resource-Wiki <transgenderwiki@protonmail.com> Date: Sun, 26 May 2024 15:43:02 -0500 Subject: [PATCH] fixed display on tall, thin screens --- src/components/SiteMap.astro | 5 +++-- src/styles/ContentsTable.css | 8 +++++--- 2 files changed, 8 insertions(+), 5 deletions(-) diff --git a/src/components/SiteMap.astro b/src/components/SiteMap.astro index 7fb0929..ac1244d 100644 --- 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 index ef765bf..97656d3 100644 --- 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;