Web
This commit is contained in:
@@ -334,3 +334,38 @@ input[type='range'][orient='vertical']::-moz-range-thumb {
|
||||
min-width: var(--radix-select-trigger-width);
|
||||
max-height: var(--radix-select-content-available-height);
|
||||
}
|
||||
|
||||
/*
|
||||
* #/components/Tooltip/index.web.tsx
|
||||
*/
|
||||
.radix-popover-content {
|
||||
animation-duration: 300ms;
|
||||
animation-timing-function: cubic-bezier(0.17, 0.73, 0.14, 1);
|
||||
will-change: transform, opacity;
|
||||
}
|
||||
.radix-popover-content[data-state='open'][data-side='top'] {
|
||||
animation-name: radixPopoverSlideUpAndFade;
|
||||
}
|
||||
.radix-popover-content[data-state='open'][data-side='bottom'] {
|
||||
animation-name: radixPopoverSlideDownAndFade;
|
||||
}
|
||||
@keyframes radixPopoverSlideUpAndFade {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(2px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
@keyframes radixPopoverSlideDownAndFade {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user