feat: use floating-ui for better popover positioning

This commit is contained in:
Jacky Zhao 2022-07-13 15:01:50 -07:00
parent c1b8fe1221
commit ffe22689eb
3 changed files with 16 additions and 7 deletions

View file

@ -389,7 +389,7 @@ header {
cursor: pointer;
& > p {
display: inline;
padding-left: 0.5em;
padding: 0 0.5em 0 1em;
}
}
@ -534,12 +534,10 @@ header {
1% {
display: inline-block;
opacity: 0;
transform: translate(-50%, 40%);
}
100% {
opacity: 1;
visibility: visible;
transform: translate(-50%, 20%);
}
}
@ -550,9 +548,9 @@ header {
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 @@ header {
&.visible {
opacity: 1;
visibility: visible;
transform: translate(-50%, 20%);
display: inline-block;
animation: dropin 0.2s ease;
}
@ -590,8 +587,6 @@ header {
}
}
#contact_buttons ul {
list-style-type: none;