Skip to content

Commit

Permalink
[MWPW-154795] Style Feds Global-footer region picker drop-up variant …
Browse files Browse the repository at this point in the history
…(without hash) (#2599)

* Style region-picker dropup

* Style region-picker dropup

* Style region-picker dropup

* Style region-picker dropup

---------

Co-authored-by: Snehal Sonawane <sonawane@snehals-mbp.corp.adobe.com>
  • Loading branch information
sonawanesnehal3 and Snehal Sonawane authored Jul 23, 2024
1 parent 3e11762 commit cebd090
Showing 1 changed file with 42 additions and 3 deletions.
45 changes: 42 additions & 3 deletions libs/blocks/global-footer/global-footer.css
Original file line number Diff line number Diff line change
Expand Up @@ -142,12 +142,13 @@
left: 0;
display: none;
padding: 20px;
min-width: 130px;
min-width: 165px;
max-height: 300px;
overflow-y: auto;
background: var(--feds-background-nav--light);
border: 1px solid var(--feds-color-border--light);
border: 1px solid var(--color-gray-300);
border-radius: 4px;
box-sizing: border-box;
}

[dir = "rtl"] .feds-regionPicker-wrapper > .fragment {
Expand Down Expand Up @@ -190,7 +191,8 @@
}

.feds-regionPicker-wrapper > .fragment a:hover {
background: var(--feds-background-link--hover--light);
color: var(--color-gray-500);
background: none;
}

/* Social */
Expand Down Expand Up @@ -311,3 +313,40 @@
margin: 0;
}
}

.footer-region-button.inline-dialog-active + .fragment p,
.feds-regionPicker + .fragment p {
font-size: var(--type-detail-l-size);
margin-top: 20px;
margin-bottom: 0;
}

.footer-region-button.inline-dialog-active + .fragment p:first-child,
.feds-regionPicker + .fragment p:first-child {
margin-top: 0;
}

.feds-regionPicker-wrapper > .fragment a {
line-height: 1;
padding: 0;
color: var(--color-gray-700);
}

.footer-region-button.inline-dialog-active + .fragment p strong > a,
.feds-regionPicker + .fragment p strong > a {
display: flex;
align-items: center;
justify-content: space-between;
}

.footer-region-button.inline-dialog-active + .fragment p strong > a::after,
.feds-regionPicker-wrapper > .fragment p strong > a::after {
content: ' ';
display: block;
margin: 0 2px;
width: 6px;
height: 16px;
border: solid var(--color-info-accent);
border-width: 0 1px 1px 0;
transform: rotate(45deg);
}

0 comments on commit cebd090

Please sign in to comment.