Skip to content

Commit 0061819

Browse files
committed
Refactor rightmost navbar dropdown to use .is-right
Replaces the custom negative `left` pixel offset (`.is-enterprise`) with the built-in `.is-right` CSS utility class for the rightmost navigation dropdown. Previously, a hardcoded offset was used to roughly center the rightmost dropdown to prevent its large box-shadow from being clipped by the right edge of the browser window. However, with the addition of the theme toggle switch, there is now sufficient natural buffer space on the right side of the navigation menu. This makes the custom offset unnecessary and allows us to safely use the cleaner `.is-right` alignment without visual clipping. Closes gh-289
1 parent 3eb3bc7 commit 0061819

2 files changed

Lines changed: 1 addition & 5 deletions

File tree

src/css/header.css

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -348,10 +348,6 @@ body {
348348
padding-top: 40px;
349349
}
350350

351-
.is-enterprise .navbar-dropdown {
352-
left: -140px;
353-
}
354-
355351
.external-link-icon {
356352
width: 12px;
357353
margin-left: 10px;

src/partials/header-content.hbs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -108,7 +108,7 @@
108108

109109
<div class="navbar-item has-dropdown is-hoverable is-enterprise">
110110
<a class="navbar-link" href="#">Enterprise</a>
111-
<div class="navbar-dropdown lg">
111+
<div class="navbar-dropdown lg is-right">
112112
<a class="navbar-item" href="https://enterprise.spring.io/">Overview</a>
113113
<a class="navbar-item" href="https://enterprise.spring.io/lts-releases">Long-term Support</a>
114114
<a class="navbar-item" href="https://enterprise.spring.io/spring-application-advisor">Automated Upgrades</a>

0 commit comments

Comments
 (0)