css: revert global change to absolute position for dropdowns

changing dropdowns to always have absolute positioning (in c187b94)
caused issues with all other dropdowns, where neighbors were positioned
below and hidden. adding the "over-top" class to a dropdown now gives
it absolute positioning.
pull/260/head
Harvey Tindall 2 years ago
parent 775ebd3b1e
commit 27ef7ce560
No known key found for this signature in database
GPG Key ID: BBC65952848FB1A2

@ -432,6 +432,9 @@ p.top {
.dropdown { .dropdown {
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
margin-bottom: -0.5rem; margin-bottom: -0.5rem;
}
.dropdown.over-top {
position: absolute; position: absolute;
} }

@ -170,7 +170,7 @@ class user implements User {
if (!telegram && !discord && !matrix && !email) return; if (!telegram && !discord && !matrix && !email) return;
let innerHTML = ` let innerHTML = `
<i class="icon ri-settings-2-line ml-2 dropdown-button"></i> <i class="icon ri-settings-2-line ml-2 dropdown-button"></i>
<div class="dropdown manual"> <div class="dropdown over-top manual">
<div class="dropdown-display lg"> <div class="dropdown-display lg">
<div class="card ~neutral @low"> <div class="card ~neutral @low">
<div class="supra sm mb-2">${window.lang.strings("contactThrough")}</div> <div class="supra sm mb-2">${window.lang.strings("contactThrough")}</div>

Loading…
Cancel
Save