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:
Vendored
+11
-6
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user