From c986c39a92a5a1de9fcdc2b1d1e282267ea348ae Mon Sep 17 00:00:00 2001 From: Jan Calanog Date: Fri, 16 Oct 2026 13:50:51 +0200 Subject: [PATCH 1/2] Move the page feedback prompt to the end of API pages on mobile Below 1024px the feedback prompt sat between the reference and the examples. It now follows the right rail, so it is the last block on the page. From 1024px it stays under the article. Co-Authored-By: Claude Sonnet 5.5 --- src/Elastic.ApiExplorer/_Layout.cshtml | 2 +- .../Assets/api-docs.css | 20 +++++++++++++++++++ 2 files changed, 21 insertions(+), 1 deletion(-) diff --git a/src/Elastic.ApiExplorer/_Layout.cshtml b/src/Elastic.ApiExplorer/_Layout.cshtml index c557e09077..fb368c5a5f 100644 --- a/src/Elastic.ApiExplorer/_Layout.cshtml +++ b/src/Elastic.ApiExplorer/_Layout.cshtml @@ -49,7 +49,6 @@ else
@await RenderBodyAsync()
- @await RenderPartialAsync(_PageFeedback.Create(Model))
@if (Model.ShowPageActions) @@ -58,6 +57,7 @@ else } @await RenderSectionAsync(ApiPageSections.Rail)
+ @await RenderPartialAsync(_PageFeedback.Create(Model)) @await RenderPartialAsync(_ApiPagesNav.Create(Model)) diff --git a/src/Elastic.Documentation.Site/Assets/api-docs.css b/src/Elastic.Documentation.Site/Assets/api-docs.css index ffb4a1bf7d..8c36105552 100644 --- a/src/Elastic.Documentation.Site/Assets/api-docs.css +++ b/src/Elastic.Documentation.Site/Assets/api-docs.css @@ -2822,6 +2822,12 @@ button.example-response-tab:focus-visible { display: contents; } +/* Feedback is the last child of the grid, so stacked it follows the rail. */ +.api-page-grid > page-feedback { + margin-top: 0; + padding-bottom: 48px; +} + /* Stacked layout (below 1024px): Copy page gets its own row above the breadcrumbs. */ .api-page-rail > .api-page-actions { order: -1; @@ -2944,10 +2950,24 @@ button.example-response-tab:focus-visible { .api-page-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 40%); + grid-template-rows: auto 1fr; + } + + .api-page-main { + grid-column: 1; + grid-row: 1; + } + + .api-page-grid > page-feedback { + grid-column: 1; + grid-row: 2; + align-self: start; } /* Aligned with the breadcrumbs: the article starts under the same 24px. */ .api-page-rail { + grid-column: 2; + grid-row: 1 / span 2; display: flex; flex-direction: column; align-items: stretch; From e9f71129cd6086a79612c834d289c649f5a3625c Mon Sep 17 00:00:00 2001 From: Jan Calanog Date: Fri, 16 Oct 2026 13:51:41 +0200 Subject: [PATCH 2/2] Drop redundant grid placement for the API feedback prompt Auto-placement already puts the article and the feedback prompt in the left column once the rail spans both rows. Co-Authored-By: Claude Sonnet 5.5 --- src/Elastic.Documentation.Site/Assets/api-docs.css | 11 ----------- 1 file changed, 11 deletions(-) diff --git a/src/Elastic.Documentation.Site/Assets/api-docs.css b/src/Elastic.Documentation.Site/Assets/api-docs.css index 8c36105552..3459026808 100644 --- a/src/Elastic.Documentation.Site/Assets/api-docs.css +++ b/src/Elastic.Documentation.Site/Assets/api-docs.css @@ -2953,17 +2953,6 @@ button.example-response-tab:focus-visible { grid-template-rows: auto 1fr; } - .api-page-main { - grid-column: 1; - grid-row: 1; - } - - .api-page-grid > page-feedback { - grid-column: 1; - grid-row: 2; - align-self: start; - } - /* Aligned with the breadcrumbs: the article starts under the same 24px. */ .api-page-rail { grid-column: 2;