49 lines
1.4 KiB
TypeScript
49 lines
1.4 KiB
TypeScript
import { createGlobalStyle } from "styled-components";
|
|
import { Classes } from "@blueprintjs/core";
|
|
import { Classes as PopoverClasses } from "@blueprintjs/popover2";
|
|
import { Layers } from "constants/Layers";
|
|
import { Colors } from "constants/Colors";
|
|
|
|
export const PopoverStyles = createGlobalStyle`
|
|
.${Classes.POPOVER}, .${PopoverClasses.POPOVER2} {
|
|
box-shadow: 0px 0px 2px rgb(0 0 0 / 20%), 0px 2px 10px rgb(0 0 0 / 10%);
|
|
}
|
|
.${Classes.POPOVER},
|
|
.${PopoverClasses.POPOVER2},
|
|
.${PopoverClasses.POPOVER2} .${PopoverClasses.POPOVER2_CONTENT},
|
|
.${Classes.POPOVER} .${Classes.POPOVER_CONTENT} {
|
|
border-radius: 0px;
|
|
}
|
|
.bp3-datepicker {
|
|
.DayPicker {
|
|
min-height: 251px !important ;
|
|
min-width: 233px !important ;
|
|
}
|
|
}
|
|
.onboarding-carousel .${Classes.OVERLAY_CONTENT} {
|
|
filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.15));
|
|
}
|
|
.templates-notification .bp3-popover2-arrow {
|
|
// !important because top is specified as an inline style in the lib
|
|
top: -8px !important;
|
|
}
|
|
.templates-notification .bp3-popover2-arrow-fill {
|
|
fill: ${Colors.SEA_SHELL};
|
|
}
|
|
.bp3-modal-widget.onboarding-carousel-portal {
|
|
z-index: ${Layers.help} !important;
|
|
}
|
|
|
|
.auth-type-dropdown .ads-dropdown-options-wrapper {
|
|
padding: 0;
|
|
}
|
|
.manual-upgrades {
|
|
z-index: 10 !important;
|
|
.manual-upgrades-overlay {
|
|
.bp3-overlay-backdrop {
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
}
|
|
`;
|