greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

add visual separation in Change language menu UI (#47418) 

add visual seperation in Change language menu UI
pull/47469/head
kulraj chavda 2022-09-08 13:16:27 +05:30 committed by GitHub
parent d90953407a
commit acc966ac31
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/components/Header/components/universal-nav.css
View File

@ -157,6 +157,10 @@
cursor: pointer;
}
#nav-lang-menu li:first-child {
border-bottom: 0.1rem solid var(--gray-45) !important;
}
button.nav-link:focus {
color: var(--tertiary-color);
background-color: var(--tertiary-background);
@ -208,7 +212,6 @@ button.nav-link[aria-disabled='true'] {
overflow-y: auto;
scrollbar-width: auto;
/* lang menu should always be full height */
height: 19.9rem;
}
/* main menu must be at least as tall as lang menu (when displayed)
@ -241,6 +244,10 @@ button.nav-link[aria-disabled='true'] {
background-color: var(--gray-10) !important;
}
.nav-lang-menu li:first-child .nav-link:hover {
color: var(--love-dark) !important;
}
.nav-lang-button {
display: flex;
justify-content: space-between;