gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: scrollable nav (#42600)

Browse Source 
* fix: scrollable nav

Modify the drop down menu to be scrollable.

* fix: account for really small screens
This commit is contained in:
Nicholas Carrigan (he/him)
2021-08-11 10:17:21 -07:00
committed by GitHub
parent 5f57667c7d
commit c8ec196dbc
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -233,6 +233,14 @@
display: inherit; display: inherit;
text-align: left; text-align: left;
margin-top: calc(-1 * var(--header-height)); margin-top: calc(-1 * var(--header-height));
max-height: calc(100vh - var(--header-height));
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.display-menu::-webkit-scrollbar {
display: none;
} }
.toggle-button-nav { .toggle-button-nav {
@ -323,6 +331,10 @@
.ais-Hits { .ais-Hits {
min-width: calc(100% - 30px); min-width: calc(100% - 30px);
} }
.display-menu {
max-height: calc(100vh - var(--header-height) * 2);
}
} }
@media (max-width: 455px) { @media (max-width: 455px) {