hrfee/jfa-go
1
0
Fork 0
mirror of https://github.com/hrfee/jfa-go.git synced 2024-12-22 09:00:10 +00:00
Code Issues Projects Releases Wiki Activity

css: revert global change to absolute position for dropdowns

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
css/base.css
View File

@ -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;
} }

2
ts/modules/accounts.ts
View File

@ -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>