From 4dee1629901f5e5c2aefc274da42483e16770e50 Mon Sep 17 00:00:00 2001 From: Lukas Engelter Date: Thu, 17 Aug 2023 02:30:56 +0200 Subject: [PATCH] Fix layout issues in the agogo theme for smaller viewports (#11594) Co-authored-by: Lukas Engelter --- CHANGES | 3 +++ sphinx/themes/agogo/static/agogo.css_t | 10 ++++++---- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/CHANGES b/CHANGES index 0addd42f4b7..00ee4a3de28 100644 --- a/CHANGES +++ b/CHANGES @@ -88,6 +88,9 @@ Bugs fixed Patch by Bénédikt Tran. * #11591: Fix support for C coverage in ``sphinx.ext.coverage`` extension. Patch by Stephen Finucane. +* #11594: HTML Theme: Enhancements to horizontal scrolling on smaller + devices in the ``agogo`` theme. + Patch by Lukas Engelter. Testing ------- diff --git a/sphinx/themes/agogo/static/agogo.css_t b/sphinx/themes/agogo/static/agogo.css_t index e41dfb8f0a5..e885d8ce037 100644 --- a/sphinx/themes/agogo/static/agogo.css_t +++ b/sphinx/themes/agogo/static/agogo.css_t @@ -19,6 +19,10 @@ body { line-height: 1.4em; color: black; background-color: {{ theme_bgcolor }}; + + /* fix for background colors breaking at horizontal + scrolling on smaller devices */ + min-width: fit-content; } @@ -131,8 +135,7 @@ dt:target, .highlighted { /* Header */ div.header { - padding-top: 10px; - padding-bottom: 10px; + padding: 1em; } div.header .headertitle { @@ -169,8 +172,7 @@ img.logo { /* Content */ div.content-wrapper { background-color: white; - padding-top: 20px; - padding-bottom: 20px; + padding: 1em; } div.document {