jonny
/
Vector-Local
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Prevent collapsed dropdowns from having height. 

Collapsed dropdowns are hidden via `opacity:0;` and
`visiblility:hidden;`. This doesn't prevent them from having a
height, which can be an issue when the language selector is
at the bottom of the page, producing a large gap near the footer.

Bug: T314546
Change-Id: Iec5d78469c8d5e10bd78e5d062f9e46a54fb3a98
This commit is contained in:
Jan Drewniak 2022-08-08 10:39:29 -04:00
parent f366c2ad9c
commit 4bafaa2453
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
resources/common/components/MenuDropdownCheckbox.less
View File

@ -17,7 +17,9 @@
top: 100%;
left: -@border-width-base;
opacity: 0;
height: 0;
visibility: hidden;
overflow: hidden;
// The menu content should not be narrower than the menu button.
min-width: 100%;
margin: 0;
@ -71,6 +73,7 @@
&:checked ~ .vector-menu-content {
opacity: 1;
visibility: visible;
height: auto;
}
:not( :checked ) > & {