From 52190ca6825edd367768f80fefef470c08e5b80a Mon Sep 17 00:00:00 2001 From: Katie Gengler Date: Tue, 16 Sep 2025 14:16:57 -0400 Subject: [PATCH 1/2] Show "On this page" for more sizes --- app/assets/styles.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/app/assets/styles.css b/app/assets/styles.css index 5ff086d9..0e74a2e7 100644 --- a/app/assets/styles.css +++ b/app/assets/styles.css @@ -413,3 +413,30 @@ table td { text-align: center; } } + +/* Overriding ember-styleguide because the on-this-page + is used for index lists of methods and properties and + is vital information for the api guides. + Ideally we'd also switch to the mobile left nav at + around < 1000px but that requires upstream changes. +*/ +@media (max-width: 80em) { + .content-wrapper { + gap: 2em; + grid-template-columns: minmax(20ch, 80ch) 10em; + } + + .on-this-page-wrapper { + display: block; + } +} + +@media (max-width: 500px) { + .content-wrapper { + grid-template-columns: minmax(20ch, 80ch); + } + + .on-this-page-wrapper { + display: block; + } +} From c0ddda30affedd13f6e5d2ad476c53d647b2cac7 Mon Sep 17 00:00:00 2001 From: Katie Gengler Date: Tue, 16 Sep 2025 14:40:20 -0400 Subject: [PATCH 2/2] Fix media query format --- app/assets/styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/app/assets/styles.css b/app/assets/styles.css index 0e74a2e7..568ad17c 100644 --- a/app/assets/styles.css +++ b/app/assets/styles.css @@ -420,7 +420,7 @@ table td { Ideally we'd also switch to the mobile left nav at around < 1000px but that requires upstream changes. */ -@media (max-width: 80em) { +@media (width <= 80em) { .content-wrapper { gap: 2em; grid-template-columns: minmax(20ch, 80ch) 10em; @@ -431,7 +431,7 @@ table td { } } -@media (max-width: 500px) { +@media (width <= 500px) { .content-wrapper { grid-template-columns: minmax(20ch, 80ch); }