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.
This commit is contained in:
Eric 2025-09-17 22:39:51 -05:00 committed by GitHub
parent 9b1ef12c7f
commit 21e7a13f85
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 27 additions and 27 deletions

View file

@ -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;

View file

@ -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>