Website: Update layout of desktop navigation menus (#39327)

Changes:
- Updated the padding and alignment of links in the header navigation
menus to match wireframes
This commit is contained in:
Eric
2026-02-04 11:31:46 -06:00
committed by GitHub
parent ffb411eab2
commit af9190cffa
+11 -6
View File
@@ -489,10 +489,11 @@ html, body {
padding-left: 16px;
}
[purpose='dropdown-item-link'] {
padding: 8px 0px;
padding: 0px;
}
[purpose='dropdown-item'] {
white-space: normal;
padding: 8px;
}
[purpose='dropdown-cta'] {
text-decoration: none;
@@ -593,7 +594,7 @@ html, body {
left: -10px;
}
&.more-dropdown {
left: -379px;
left: -358px;
flex-direction: row;
}
&.customers-dropdown {
@@ -611,13 +612,11 @@ html, body {
flex-direction: column;
min-width: 460px;
padding: 8px;
gap: 8px;
a {
font-weight: 400;
line-height: 20px;
text-decoration: none;
&:not(:last-of-type) {
margin-bottom: 8px;
}
&[target='_blank'] {
display: flex;
flex-direction: row;
@@ -638,7 +637,12 @@ html, body {
[purpose='dropdown-column'] {
display: flex;
flex-direction: column;
margin-right: 4px;
justify-content: center;
gap: 4px;
}
[purpose='dropdown-cta'] {
margin-right: 8px;
display: block;
}
}
}
@@ -679,6 +683,7 @@ html, body {
}
[purpose='dropdown-cta'] {
margin-right: 16px;
display: block;
[purpose='dropdown-cta-link'] {
height: 100%;
padding: 8px;