Justin Edmund
07e43f4309
* Popover is a wrapper of Radix's Popover component that we will use to wrap the combobox. * Move styles that were in PopoverContent.scss to Popover.scss
26 lines
587 B
SCSS
26 lines
587 B
SCSS
.Popover {
|
|
animation: scaleIn $duration-zoom ease-out;
|
|
background: var(--dialog-bg);
|
|
border-radius: $card-corner;
|
|
border: 0.5px solid rgba(0, 0, 0, 0.18);
|
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
|
|
outline: none;
|
|
overflow: hidden;
|
|
padding: $unit;
|
|
transform-origin: var(--radix-popover-content-transform-origin);
|
|
width: var(--radix-popover-trigger-width);
|
|
z-index: 5;
|
|
|
|
&.Flush {
|
|
padding: 0;
|
|
}
|
|
|
|
.Arrow {
|
|
fill: var(--dialog-bg);
|
|
filter: drop-shadow(0px 1px 1px rgb(0 0 0 / 0.18));
|
|
margin-top: -1px;
|
|
}
|
|
}
|
|
|
|
[data-radix-popper-content-wrapper] {
|
|
}
|