PromucFlow_constructor/app/client/src/globalStyles/popover.ts
Hetu Nandu 16706cad08
fix: Sync EE items into CE (#34373)
## Description

Going through EE repo to check if there are any changes in the repo
(outside EE folder) that do no exist in the CE directory. These changes
are harmless and seem to have been added to EE only by mistake. This PR
will ensure the changes are copied here as well to maintain the sync

## Automation

/ok-to-test tags="@tag.All"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!IMPORTANT]
> 🟣 🟣 🟣 Your tests are running.
> Tests running at:
<https://github.com/appsmithorg/appsmith/actions/runs/9642308929>
> Commit: 825650372300260c39ae7b5b2ce91d2178dfa8c9
> Workflow: `PR Automation test suite`
> Tags: ``

<!-- end of auto-generated comment: Cypress test results  -->










## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [x] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **New Features**
  - Introduced a new CDN URL declaration for improved asset management.
- Added a new function to check if the app mode is in "Published" state.

- **Style**
  - Updated global styles to include new `.ai-window` class in popovers.
  - Enhanced cursor styling in the `CopyUrlForm` component.

- **Bug Fixes**
- Corrected an attribute name in the `ReconnectDatasourceModal`
component.

- **Performance**
  - Added caching for tenant configuration to optimize loading times.
  
- **Chores**
- Set `__webpack_public_path__` to support CDN usage in the Enterprise
Edition environment.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2024-06-24 09:36:38 +00:00

59 lines
1.7 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;
}
}
}
.ai-window {
.bp3-popover2 {
& {
border: 1px solid !important;
border-radius: var(--ads-v2-border-radius);
border-color: var(--ads-v2-color-border) !important;
box-shadow: var(--ads-v2-shadow-popovers) !important;
}
}
}
`;