feat: use floating-ui for better popover positioning
This commit is contained in:
parent
c1b8fe1221
commit
ffe22689eb
3 changed files with 16 additions and 7 deletions
|
@ -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;
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue