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.
This commit is contained in:
Harvey Tindall 2023-02-05 00:47:54 +00:00
parent 775ebd3b1e
commit 27ef7ce560
Signed by: hrfee
GPG Key ID: BBC65952848FB1A2
2 changed files with 4 additions and 1 deletions

View File

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

View File

@ -170,7 +170,7 @@ class user implements User {
if (!telegram && !discord && !matrix && !email) return;
let innerHTML = `
<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="card ~neutral @low">
<div class="supra sm mb-2">${window.lang.strings("contactThrough")}</div>