diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-11-08 12:53:25 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-08 12:53:25 +0800 |
commit | 4181a040b5d5ca2335556948585278133ec63bd1 (patch) | |
tree | 8174e8817d9658f0d53b1ddd61fe0552de4630ed /packages/instant/src/style | |
parent | c0d8ceca82a91a3a6c222e71ecb58f2cd95da62e (diff) | |
download | dexon-sol-tools-4181a040b5d5ca2335556948585278133ec63bd1.tar.gz dexon-sol-tools-4181a040b5d5ca2335556948585278133ec63bd1.tar.zst dexon-sol-tools-4181a040b5d5ca2335556948585278133ec63bd1.zip |
feat: refactor out overlay component and use it to implement click-outside
Diffstat (limited to 'packages/instant/src/style')
-rw-r--r-- | packages/instant/src/style/theme.ts | 1 | ||||
-rw-r--r-- | packages/instant/src/style/z_index.ts | 9 |
2 files changed, 6 insertions, 4 deletions
diff --git a/packages/instant/src/style/theme.ts b/packages/instant/src/style/theme.ts index d10c9b72c..7917164a1 100644 --- a/packages/instant/src/style/theme.ts +++ b/packages/instant/src/style/theme.ts @@ -32,5 +32,6 @@ export const theme: Theme = { export const transparentWhite = 'rgba(255,255,255,0.3)'; export const overlayBlack = 'rgba(0, 0, 0, 0.6)'; +export const completelyTransparent = 'rga(0, 0, 0, 0)'; export { styled, css, keyframes, withTheme, ThemeProvider }; diff --git a/packages/instant/src/style/z_index.ts b/packages/instant/src/style/z_index.ts index 95e6cd912..0eedcaf29 100644 --- a/packages/instant/src/style/z_index.ts +++ b/packages/instant/src/style/z_index.ts @@ -1,6 +1,7 @@ export const zIndex = { - errorPopup: 1, - mainContainer: 2, - dropdownItems: 3, - panel: 4, + errorPopup: 10, + mainContainer: 20, + dropdownItems: 30, + panel: 40, + overlayDefault: 100, }; |