From db38fd6bbfd802b14a9c2a6bc61fbeef153e2e67 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?M=C3=A1rton=20Lente?= <marton@blender.org>
Date: Fri, 16 Aug 2024 15:32:27 +0200
Subject: [PATCH] Fix: Post nav-global web-assets v2 component upgrade dropdown
 small screens

Fix nav-global web-assets v2 component display issues on small screens after
markup and style updates.
Part of #9
---
 templates/custom/body_inner_pre.tmpl | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/templates/custom/body_inner_pre.tmpl b/templates/custom/body_inner_pre.tmpl
index 338f656..8ecdabe 100644
--- a/templates/custom/body_inner_pre.tmpl
+++ b/templates/custom/body_inner_pre.tmpl
@@ -510,22 +510,18 @@
         <strong>Developer</strong>
       </a>
 
-      <button class="nav-global-logo js-nav-global-dropdown-toggle" data-dropdown-id="nav-global-nav-links">
+      <button class="nav-global-logo js-dropdown-toggle" data-toggle-menu-id="nav-global-nav-links">
         <svg fill-rule="nonzero" viewBox="0 0 200 162.05">
           <path d="M61.1 104.56c.05 2.6.88 7.66 2.12 11.61a61.27 61.27 0 0 0 13.24 22.92 68.39 68.39 0 0 0 23.17 16.64 74.46 74.46 0 0 0 30.42 6.32 74.52 74.52 0 0 0 30.4-6.42 68.87 68.87 0 0 0 23.15-16.7 61.79 61.79 0 0 0 13.23-22.97 58.06 58.06 0 0 0 2.07-25.55 59.18 59.18 0 0 0-8.44-23.1 64.45 64.45 0 0 0-15.4-16.98h.02L112.76 2.46l-.16-.12c-4.09-3.14-10.96-3.13-15.46.02-4.55 3.18-5.07 8.44-1.02 11.75l-.02.02 26 21.14-79.23.08h-.1c-6.55.01-12.85 4.3-14.1 9.74-1.27 5.53 3.17 10.11 9.98 10.14v.02l40.15-.07-71.66 55-.27.2c-6.76 5.18-8.94 13.78-4.69 19.23 4.32 5.54 13.51 5.55 20.34.03l39.1-32s-.56 4.32-.52 6.91zm100.49 14.47c-8.06 8.2-19.34 12.86-31.54 12.89-12.23.02-23.5-4.6-31.57-12.79-3.93-4-6.83-8.59-8.61-13.48a35.57 35.57 0 0 1 2.34-29.25 39.1 39.1 0 0 1 9.58-11.4 44.68 44.68 0 0 1 28.24-9.85 44.59 44.59 0 0 1 28.24 9.77 38.94 38.94 0 0 1 9.58 11.36 35.58 35.58 0 0 1 4.33 14.18 35.1 35.1 0 0 1-1.98 15.05 37.7 37.7 0 0 1-8.61 13.52zm-57.6-27.91a23.55 23.55 0 0 1 8.55-16.68 28.45 28.45 0 0 1 18.39-6.57 28.5 28.5 0 0 1 18.38 6.57 23.57 23.57 0 0 1 8.55 16.67c.37 6.83-2.37 13.19-7.2 17.9a28.18 28.18 0 0 1-19.73 7.79c-7.83 0-14.84-3-19.75-7.8a23.13 23.13 0 0 1-7.19-17.88z"></path>
         </svg>
         <strong>Developer</strong>
-        <i class="i-chevron-right nav-global-icon-alt"></i>
-        <!--
-        Use nav-global-icon instead of 'nav-global-icon-alt' if fontutti is not present
         <svg class="nav-global-icon nav-global-icon-dropdown-toggle" height="100" width="100" viewBox="0 0 1000 1000">
           <path
             d="m 206.53824,376.41174 a 42,42 0 0 1 71,-29 l 221,220 220,-220 a 42,42 0 1 1 59,59 l -250,250 a 42,42 0 0 1 -59,0 l -250,-250 a 42,42 0 0 1 -12,-30 z" />
         </svg>
-        -->
       </button>
 
-      <ul class="nav-global-nav-links nav-global-dropdown js-nav-global-dropdown" id="nav-global-nav-links">
+      <ul class="nav-global-nav-links nav-global-dropdown js-dropdown-menu js-nav-global-dropdown" id="nav-global-nav-links">
         <li>
           <a href="https://projects.blender.org" class="is-active">Projects</a>
         </li>
@@ -691,6 +687,7 @@
 </div>
 
 <script>
+  // TODO: revise component pre-compiled JavaScript in web-assets
   const dropdownToggles = document.getElementsByClassName("js-dropdown-toggle");
   const btnActiveClass = 'nav-global-btn-active';
   const isVisibleClass = 'is-visible';