(airflow) branch v3-0-test updated: [v3-0-test] Include fixed navbar for anchor position calculation. (#52016) (#53581)

[potiuk]

This is an automated email from the ASF dual-hosted git repository.

potiuk pushed a commit to branch v3-0-test
in repository https://gitbox.apache.org/repos/asf/airflow.git


The following commit(s) were added to refs/heads/v3-0-test by this push:
     new 13cecf9ff15 [v3-0-test] Include fixed navbar for anchor position 
calculation. (#52016) (#53581)
13cecf9ff15 is described below

commit 13cecf9ff155766a7e75c395308a597e2893d9a1
Author: Jarek Potiuk <ja...@potiuk.com>
AuthorDate: Mon Jul 21 11:40:50 2025 +0200

    [v3-0-test] Include fixed navbar for anchor position calculation. (#52016) 
(#53581)
    
    (cherry picked from commit d8086e635779cbaabd7aa02af5787008a207eeac)
    
    Co-authored-by: Josef Šimánek <josef.sima...@gmail.com>
---
 devel-common/sphinx_design/static/custom.css | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/devel-common/sphinx_design/static/custom.css 
b/devel-common/sphinx_design/static/custom.css
index 70356c06a97..9671e47b2a2 100644
--- a/devel-common/sphinx_design/static/custom.css
+++ b/devel-common/sphinx_design/static/custom.css
@@ -45,7 +45,7 @@ div.admonition.warning {
 /* Needs to be cleaned in a follow-up to source this from the origin style in 
*/
 /* 
https://github.com/apache/airflow-site/blob/main/landing-pages/site/assets/scss/_rst-content.scss
 */
 .base-layout {
-  padding-top: 123px !important;
+  padding-top: 163px !important; /* banner + navbar + 2px padding */
 }
 
 section {
@@ -66,3 +66,18 @@ a.headerlink::after {
   content: " [link]" !important;  /* Theme image not existing */
   visibility: visible !important;
 }
+
+/* compensate for sticky headers for anchored links */
+:target::before {
+  content: "";
+  display: block;
+  height: 161px; /* 40px banner + 121px navbar */
+  margin: -161px 0 0; /* negative fixed header height */
+}
+
+@media (max-width: 1280px) {
+  :target::before {
+    height: 117px; /* 40px banner + 77px mobile navbar */
+    margin: -117px 0 0; /* negative fixed header height */
+  }
+}