64e594e7da
fix: Added an Indice.Layer to the Border and Indicator of the Guided)Tour and use one higher than the portal and header to make sure this issue doesn't happen again > #### PR fixes following issue(s) Fixes #21798 > #### Type of change - Bug fix (non-breaking change which fixes an issue) > ## Testing > #### How Has This Been Tested? - [x] Manual - [ ] Jest - [ ] Cypress > > #### Test Plan > Add Testsmith test cases links that relate to this PR > > #### Issues raised during DP testing > Link issues raised during DP testing for better visiblity and tracking (copy link from comments dropped on this PR) > > > ## Checklist: #### Dev activity - [ ] My code follows the style guidelines of this project - [ ] I have performed a self-review of my own code - [ ] I have commented my code, particularly in hard-to-understand areas - [ ] I have made corresponding changes to the documentation - [ ] My changes generate no new warnings - [ ] I have added tests that prove my fix is effective or that my feature works - [ ] New and existing unit tests pass locally with my changes - [ ] PR is being merged under a feature flag #### QA activity: - [ ] [Speedbreak features](https://github.com/appsmithorg/TestSmith/wiki/Guidelines-for-test-plans#speedbreakers-) have been covered - [ ] Test plan covers all impacted features and [areas of interest](https://github.com/appsmithorg/TestSmith/wiki/Guidelines-for-test-plans#areas-of-interest-) - [ ] Test plan has been peer reviewed by project stakeholders and other QA members - [ ] Manually tested functionality on DP - [ ] We had an implementation alignment call with stakeholders post QA Round 2 - [ ] Cypress test cases have been added and approved by SDET/manual QA - [ ] Added `Test Plan Approved` label after Cypress tests were reviewed - [ ] Added `Test Plan Approved` label after JUnit tests were reviewed
75 lines
1.9 KiB
TypeScript
75 lines
1.9 KiB
TypeScript
import React from "react";
|
|
|
|
export enum Indices {
|
|
Layer0,
|
|
Layer1,
|
|
Layer2,
|
|
Layer3,
|
|
Layer4,
|
|
Layer5,
|
|
Layer6,
|
|
Layer7,
|
|
Layer8,
|
|
Layer9,
|
|
Layer10,
|
|
Layer21 = 21,
|
|
LayerMax = 99999,
|
|
}
|
|
|
|
export const Layers = {
|
|
dropZone: Indices.Layer0,
|
|
|
|
dragPreview: Indices.Layer1,
|
|
// All Widgets Parent layer
|
|
positionedWidget: Indices.Layer1,
|
|
// Modal needs to higher than other widgets.
|
|
modalWidget: Indices.Layer3,
|
|
// Dropdown portaled to the canvas
|
|
dropdownWidget: Indices.Layer2,
|
|
// dropdown portaled to Modal Container with higher index than Overlay
|
|
dropdownModalWidget: Indices.Layer21,
|
|
selectedWidget: Indices.Layer2,
|
|
// Layers when dragging
|
|
animatedSnappingDropZone: Indices.Layer2,
|
|
|
|
focusedWidget: Indices.Layer3,
|
|
animatedDropZone: Indices.Layer3,
|
|
// Must be higher than any widget
|
|
widgetName: Indices.Layer3,
|
|
apiPane: Indices.Layer3,
|
|
// Propane needs to match sidebar to show propane on top side bar.
|
|
// Sidebar needs to be more than modal so that u can use side bar whilst u have the modal showing up on the canvas.
|
|
sideBar: Indices.Layer3,
|
|
propertyPane: Indices.Layer3,
|
|
tableFilterPane: Indices.Layer6,
|
|
|
|
help: Indices.Layer4,
|
|
contextMenu: Indices.Layer4,
|
|
dynamicAutoComplete: Indices.Layer5,
|
|
debugger: Indices.Layer6,
|
|
bottomBar: Indices.Layer6,
|
|
productUpdates: Indices.Layer7,
|
|
portals: Indices.Layer9,
|
|
header: Indices.Layer9,
|
|
signpostingOverlay: Indices.Layer9,
|
|
snipeableZone: Indices.Layer10,
|
|
max: Indices.LayerMax,
|
|
sideStickyBar: Indices.Layer7,
|
|
evaluationPopper: Indices.Layer3,
|
|
concurrentEditorWarning: Indices.Layer2,
|
|
manualUpgrade: Indices.Layer10,
|
|
|
|
autoHeightWithLimitsOverlay: Indices.Layer3,
|
|
|
|
// Should be higher than header and portal layer
|
|
guidedTour: Indices.Layer10,
|
|
};
|
|
|
|
export const tailwindLayers = {
|
|
propertyPane: "z-[3]",
|
|
entityExplorer: "z-[3]",
|
|
resizer: "z-[4]",
|
|
};
|
|
|
|
export const LayersContext = React.createContext(Layers);
|