mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 01:18:42 +00:00
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:
parent
9b1ef12c7f
commit
21e7a13f85
2 changed files with 27 additions and 27 deletions
4
website/assets/styles/layout.less
vendored
4
website/assets/styles/layout.less
vendored
|
|
@ -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;
|
||||
|
|
|
|||
50
website/views/layouts/layout.ejs
vendored
50
website/views/layouts/layout.ejs
vendored
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue