From 4ab1fadb0c42b0dd2a33b38b89b70b49ac1cc998 Mon Sep 17 00:00:00 2001 From: hyzen Date: Mon, 20 Jul 2026 17:25:52 +0530 Subject: [PATCH] Fix: page width for small screens --- docs/css/custom.css | 20 +++++++++++++++++++- static/css/custom.css | 20 +++++++++++++++++++- 2 files changed, 38 insertions(+), 2 deletions(-) diff --git a/docs/css/custom.css b/docs/css/custom.css index ce2a9dc..f7d3478 100644 --- a/docs/css/custom.css +++ b/docs/css/custom.css @@ -121,6 +121,13 @@ margin-top: 2rem; } +.brand h1 { + min-width: 0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + /* Brand actions */ .brand__actions { display: flex; @@ -128,6 +135,7 @@ gap: 0.4rem; margin-left: auto; flex-wrap: nowrap; + flex-shrink: 0; } .brand__auth { @@ -276,6 +284,16 @@ } } +@media (max-width: 280px) { + .brand h1 { + font-size: 1.05rem; + } + + .header { + padding-top: 1.3rem; + } +} + /* ── Subscribe dropdown ── */ .rss-subscribe { position: relative; @@ -1577,7 +1595,7 @@ th { } .site-search__input { - width: 9.3rem; + width: 9.4rem; max-width: 32vw; height: 100%; box-sizing: border-box; diff --git a/static/css/custom.css b/static/css/custom.css index ce2a9dc..f7d3478 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -121,6 +121,13 @@ margin-top: 2rem; } +.brand h1 { + min-width: 0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + /* Brand actions */ .brand__actions { display: flex; @@ -128,6 +135,7 @@ gap: 0.4rem; margin-left: auto; flex-wrap: nowrap; + flex-shrink: 0; } .brand__auth { @@ -276,6 +284,16 @@ } } +@media (max-width: 280px) { + .brand h1 { + font-size: 1.05rem; + } + + .header { + padding-top: 1.3rem; + } +} + /* ── Subscribe dropdown ── */ .rss-subscribe { position: relative; @@ -1577,7 +1595,7 @@ th { } .site-search__input { - width: 9.3rem; + width: 9.4rem; max-width: 32vw; height: 100%; box-sizing: border-box;