Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vote-939: Language Selector Style Refinements #654

Merged
merged 13 commits into from
Apr 22, 2024
Merged

Vote-939: Language Selector Style Refinements #654

Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
99503c2
Vote-939: update to dropdown bg-color
clmedders Apr 12, 2024
ba1bece
Vote-939: Update to focus outline
clmedders Apr 12, 2024
979f734
Removed commented out code
clmedders Apr 15, 2024
459a845
Added border bottom right radius of 0
clmedders Apr 15, 2024
da06826
Moved border radius to just the language selector
clmedders Apr 15, 2024
8092def
Adding border radius 0 to dropdown
clmedders Apr 17, 2024
58e6e3a
Merge remote-tracking branch 'origin' into feature/vote-939-lang-updates
clmedders Apr 17, 2024
7fc50ca
Move focus to its own style
clmedders Apr 18, 2024
4cb3dd8
vote-939: Update to styles to just target lang button
clmedders Apr 18, 2024
b1296e8
Moving focus back to orginal spot
clmedders Apr 18, 2024
c9f2c15
Code refinements
clmedders Apr 18, 2024
97337d3
More refinements
clmedders Apr 18, 2024
411ac3f
Adding back radius to prevent regressions
clmedders Apr 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions web/themes/custom/votegov/src/sass/uswds-overrides/usa-language-selector.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,7 @@
@include u-width('auto');
@include u-radius('sm');
@include u-text('no-wrap');
background-color: $base-dark;

@include at-media-max('tablet') {
overflow: auto;
Expand All @@ -55,3 +56,12 @@
@include u-padding(1);
@include u-border(0);
}


.usa-button.usa-language__link {
&[aria-expanded="true"]{
background-color: $base-dark;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
}