From ffe22689eb43f42afc2d6bcf9b8b190b19a7e5d1 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Wed, 13 Jul 2022 22:01:50 +0000
Subject: [PATCH] feat: use floating-ui for better popover positioning

---
 assets/styles/base.scss |    9 ++-------
 1 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/assets/styles/base.scss b/assets/styles/base.scss
index 4426abb..8898ec3 100644
--- a/assets/styles/base.scss
+++ b/assets/styles/base.scss
@@ -389,7 +389,7 @@
     cursor: pointer;
     & > p {
       display: inline;
-      padding-left: 0.5em;
+      padding: 0 0.5em 0 1em;
     }
   }
 
@@ -534,12 +534,10 @@
   1% {
     display: inline-block;
     opacity: 0;
-    transform: translate(-50%, 40%);
   }
   100% {
     opacity: 1;
     visibility: visible;
-    transform: translate(-50%, 20%);
   }
 }
 
@@ -550,9 +548,9 @@
   display: none;
   background-color: var(--light);
   padding: 1em;
+  margin: 1em;
   border: 1px solid var(--outlinegray);
   border-radius: 5px;
-  transform: translate(-50%, 40%);
   pointer-events: none;
   transition: opacity 0.2s ease, transform 0.2s ease;
   user-select: none;
@@ -566,7 +564,6 @@
   &.visible {
     opacity: 1;
     visibility: visible;
-    transform: translate(-50%, 20%);
     display: inline-block;
     animation: dropin 0.2s ease;
   }
@@ -590,8 +587,6 @@
   }
 }
 
-
-
 #contact_buttons ul {
   list-style-type: none;
 

--
Gitblit v1.10.0