From b47ddab672a629ddca9e646f0cba7a4bce683418 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?M=C3=A1rton=20Lente?= <marton@blender.org>
Date: Mon, 19 Aug 2024 12:29:13 +0200
Subject: [PATCH] Refactor: Cleanup and move web-assets navbar-global styles to
 markup script tag

Move web-assets navbar-global styles to markup script tag, accordingly
to component and web-assets instructions, to improve the component's
portability.
Part of #9
---
 templates/custom/body_inner_pre.tmpl | 13 +++++++++++++
 templates/custom/header.tmpl         |  7 -------
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/templates/custom/body_inner_pre.tmpl b/templates/custom/body_inner_pre.tmpl
index 8ecdabe..cc28e67 100644
--- a/templates/custom/body_inner_pre.tmpl
+++ b/templates/custom/body_inner_pre.tmpl
@@ -686,6 +686,19 @@
   </div>
 </div>
 
+<style>
+  /* Custom styling for projects.blender.org */
+  /* Make sure to start every line with ".nav-global"
+   * so changes affect the developer navbar only. */
+
+  /* Limit navbar width on large screens. */
+  @media(min-width: 1200px) {
+    .nav-global .nav-global-container {
+      max-width: 1170px;
+    }
+  }
+</style>
+
 <script>
   // TODO: revise component pre-compiled JavaScript in web-assets
   const dropdownToggles = document.getElementsByClassName("js-dropdown-toggle");
diff --git a/templates/custom/header.tmpl b/templates/custom/header.tmpl
index 48caa45..a82c776 100644
--- a/templates/custom/header.tmpl
+++ b/templates/custom/header.tmpl
@@ -52,13 +52,6 @@
     display: none;
   }
 
-  /* Navigation */
-  @media(min-width: 1200px) {
-    .nav-global .nav-global-container {
-      max-width: 1170px;
-    }
-  }
-
   /* Repository page. */
   .repository .file-view.markdown a {
     color: var(--color-primary);