mirror of
https://github.com/facebook/docusaurus.git
synced 2025-06-08 05:42:34 +02:00
Change pointer events on language dropdown (#233)
The dropdown positioning makes it overlay the main menu on mobile layout. This means that clicking the language button a second time doesn't close the menu.
This commit is contained in:
parent
09726c6361
commit
71dec39c3b
1 changed files with 3 additions and 0 deletions
|
@ -1009,6 +1009,8 @@ pre code {
|
||||||
#languages-dropdown {
|
#languages-dropdown {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width:100%;
|
width:100%;
|
||||||
|
/* positioning can block the main menu on mobile */
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
#languages-dropdown.visible {
|
#languages-dropdown.visible {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -1021,6 +1023,7 @@ ul#languages-dropdown-items {
|
||||||
background-color: $primaryColor;
|
background-color: $primaryColor;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
min-width: 120px;
|
min-width: 120px;
|
||||||
|
pointer-events: all;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul#languages li {
|
ul#languages li {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue