From 21e7a13f859267b875d3046f88292c9ee0e127ca Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Wed, 17 Sep 2025 22:39:51 -0500
Subject: [PATCH] Website: Re-order items in "more" dropdown menu (#33146)

Changes:
- Reordered the links in the "More" dropdown menu
- Updated the position of the "More" dropdown menu when it is open.
---
 website/assets/styles/layout.less |  4 +--
 website/views/layouts/layout.ejs  | 50 +++++++++++++++----------------
 2 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/website/assets/styles/layout.less b/website/assets/styles/layout.less
index ed5aea2488..353bfcabc2 100644
--- a/website/assets/styles/layout.less
+++ b/website/assets/styles/layout.less
@@ -592,8 +592,7 @@ html, body {
         left: -10px;
       }
       &.more-dropdown {
-        left: unset;
-        right: 18px;
+        left: -379px;
         flex-direction: row;
       }
       &.customers-dropdown {
@@ -678,6 +677,7 @@ html, body {
     }
   }
   [purpose='dropdown-cta'] {
+    margin-right: 16px;
     [purpose='dropdown-cta-link'] {
       height: 100%;
       padding: 8px;
diff --git a/website/views/layouts/layout.ejs b/website/views/layouts/layout.ejs
index c9d22f1dcf..d3f79c459f 100644
--- a/website/views/layouts/layout.ejs
+++ b/website/views/layouts/layout.ejs
@@ -555,6 +555,31 @@
                 <div purpose="dropdown-button" class="btn-group" >
                   <span purpose="header-nav-btn" button-text="More" class="dropdown-toggle align-items-center <%= typeof currentSection !== 'undefined' && currentSection === 'more' ? 'current-section' : '' %>" >More <img purpose="chevron" src="/images/icon-chevron-fleet-black-50-12x12@2x.png" alt="A small chevron"></span>
                   <div purpose="header-dropdown" class="dropdown-menu more-dropdown flex-row">
+                    <div purpose="dropdown-cta-column">
+                      <a purpose="dropdown-cta" data-dropdown-option="" href="https://www.eventbrite.com/e/fleet-party-during-jnuc-tickets-1497929500459" target="_blank" no-icon>
+                        <div purpose="dropdown-cta-link">
+                          <div purpose="dropdown-cta-image">
+                          </div>
+                          <div class="d-flex flex-column justify-content-center align-items-center">
+                          <div purpose="dropdown-cta-text">
+                            <p purpose="dropdown-cta-heading">
+                              Fleet @ Meow Wolf
+                            </p>
+                            <p purpose="dropdown-cta-body">
+                              Kick off JNUC with Fleet at Meow Wolf Denver's Convergence Station.
+                            </p>
+                            <span href="/todo" purpose="cta-animated-arrow-button" target="_blank">
+                              <span purpose="button-text">Join us</span>
+                              <svg purpose="animated-arrow" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
+                                <path purpose="arrow-line" d="M1 6H9" stroke-width="2" stroke-linecap="round"/>
+                                <path purpose="chevron" d="M1.35712 1L5.64283 6L1.35712 11" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                              </svg>
+                            </span>
+                          </div>
+                          </div>
+                        </div>
+                      </a>
+                    </div>
                     <div purpose="dropdown-column">
                       <a purpose="dropdown-item" class="dropdown-item" data-dropdown-option="Docs" href="/docs">
                         <div purpose="dropdown-item-link">
@@ -631,31 +656,6 @@
                         </div>
                       </a>
                     </div>
-                    <div purpose="dropdown-cta-column">
-                      <a purpose="dropdown-cta" data-dropdown-option="" href="https://www.eventbrite.com/e/fleet-party-during-jnuc-tickets-1497929500459" target="_blank" no-icon>
-                        <div purpose="dropdown-cta-link">
-                          <div purpose="dropdown-cta-image">
-                          </div>
-                          <div class="d-flex flex-column justify-content-center align-items-center">
-                          <div purpose="dropdown-cta-text">
-                            <p purpose="dropdown-cta-heading">
-                              Fleet @ Meow Wolf
-                            </p>
-                            <p purpose="dropdown-cta-body">
-                              Kick off JNUC with Fleet at Meow Wolf Denver's Convergence Station.
-                            </p>
-                            <span href="/todo" purpose="cta-animated-arrow-button" target="_blank">
-                              <span purpose="button-text">Join us</span>
-                              <svg purpose="animated-arrow" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
-                                <path purpose="arrow-line" d="M1 6H9" stroke-width="2" stroke-linecap="round"/>
-                                <path purpose="chevron" d="M1.35712 1L5.64283 6L1.35712 11" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-                              </svg>
-                            </span>
-                          </div>
-                          </div>
-                        </div>
-                      </a>
-                    </div>
 
                   </div>
                 </div>