fix various issues with network bar

contao · Aug 14, 2024 · 65b47d6 · 65b47d6
1 parent ae125b9
commit 65b47d6
Showing 1 changed file with 20 additions and 10 deletions.
diff --git a/page/static/css/theme-contao.css b/page/static/css/theme-contao.css
@@ -66,6 +66,7 @@
 
     --VERSION-TAG-BG-color: #6AB0DE; /* Contao version tag */
 
+    --NETWORK-BAR-HEIGHT: 34px;
 }
 
 html[data-theme=dark] {
@@ -969,16 +970,25 @@ html[data-theme=dark] #toc-menu,
 }
 
 /* contao.org Top Navigation */
-#body { top: 40px; }
-#sidebar { top: 34px; }
-
 #contao-network {
-  position: fixed;
-  width: 100%;
-  z-index: 9999;
+    left: 0;
+    top: 0;
+    position: fixed;
+    width: 100%;
+    z-index: 9999;
+}
+
+#sidebar,
+#body {
+    margin-top: var(--NETWORK-BAR-HEIGHT);
+}
+
+#top-bar-sticky-wrapper {
+    padding-top: var(--NETWORK-BAR-HEIGHT);
+    margin-top: calc(var(--NETWORK-BAR-HEIGHT) * -1);
+    box-sizing: content-box;
 }
 
-/* Correction sticky #top-bar */
-.sticky-wrapper.is-sticky > #top-bar {
-  top: 34px !important;
-}
+#top-bar-sticky-wrapper.is-sticky #top-bar {
+    top: var(--NETWORK-BAR-HEIGHT) !important;
+}