From 25d9d45f28fecc8a5736d5145d7fa75a891803ee Mon Sep 17 00:00:00 2001 From: Hakim Cassimally Date: Tue, 1 Jul 2025 09:05:00 +0100 Subject: [PATCH 1/2] DOC-13347 fix unreadable inline example Our highlightjs style breaks redocly inline examples, so we ensure it is ignored. Q: should we instead disable highlightjs for these pages? --- src/css/base.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/css/base.css b/src/css/base.css index 1d8a836..e352a8a 100644 --- a/src/css/base.css +++ b/src/css/base.css @@ -78,6 +78,11 @@ code { color: inherit; } +#redoc .hljs-comment, +#redoc .hljs-meta { + color: inherit; +} + a code { color: var(--color-link); background-color: transparent; From c717239918492bdb9a81509cbce3a9ca0130c786 Mon Sep 17 00:00:00 2001 From: Hakim Cassimally Date: Tue, 1 Jul 2025 14:35:04 +0100 Subject: [PATCH 2/2] DOC-13355 remove responsive table switch This is clearly "intentional" but gives terrible results on many tables. For example the metrics lists in this ticket, though they're strictly already semi-abusing the table syntax to display a list of cards... It feels like we add a feature by: * removing it (suddenly, many basic tables work again, like the one in original ticket) * wait for writers/stakeholders to point out which tables need to be fixed with responsive CSS and deal at that point. --- src/css/table.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/css/table.css b/src/css/table.css index 1c576d1..28fe568 100644 --- a/src/css/table.css +++ b/src/css/table.css @@ -153,7 +153,7 @@ table.table-tutorial tr td:last-child { /* Responsive css */ -@media screen and (min-width: 768px) { +@media screen and (min-width: 1px /*768px*/) { table.tableblock { display: table; position: relative; @@ -212,6 +212,7 @@ table.table-tutorial tr td:last-child { } } +/* This "responsive" table CSS is a bit odd, I'm not sure it is needed any more: @media screen and (max-width: 767px), print { table.tableblock td, table.tableblock th { @@ -242,3 +243,4 @@ table.table-tutorial tr td:last-child { max-width: 120px; } } +*/