From 27ef7ce560a01dce22eccd98ec70b77fd9813d5f Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Sun, 5 Feb 2023 00:47:54 +0000
Subject: [PATCH] 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.
---
 css/base.css           | 3 +++
 ts/modules/accounts.ts | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/css/base.css b/css/base.css
index 8dadf75..fbb1e60 100644
--- a/css/base.css
+++ b/css/base.css
@@ -432,6 +432,9 @@ p.top {
 .dropdown {
     padding-bottom: 0.5rem;
     margin-bottom: -0.5rem;
+}
+
+.dropdown.over-top {
     position: absolute;
 }
 
diff --git a/ts/modules/accounts.ts b/ts/modules/accounts.ts
index a076e46..abe6913 100644
--- a/ts/modules/accounts.ts
+++ b/ts/modules/accounts.ts
@@ -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>