reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-07-22 06:00:07 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(devui): fix z-index issues

Browse Source
This commit is contained in:
Nathan Bierema 2021-09-04 18:25:30 -04:00
parent 4d8daffc6b
commit 732e224a29
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/devui/src/Dialog/styles/default.ts
View File

@ -16,7 +16,7 @@ export const style = ({
right: 0px; right: 0px;
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
z-index: 4; z-index: 14;
display: ${open ? 'flex' : 'none'}; display: ${open ? 'flex' : 'none'};
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -37,7 +37,7 @@ export const style = ({
flex-direction: column; flex-direction: column;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
z-index: 2; z-index: 12;
max-height: 100%; max-height: 100%;
min-width: 320px; min-width: 320px;
${fullWidth ? 'width: 99%;' : ''} ${fullWidth ? 'width: 99%;' : ''}

4
packages/devui/src/Dialog/styles/material.ts
View File

@ -12,7 +12,7 @@ export const style = ({
right: 0px; right: 0px;
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
z-index: 4; z-index: 14;
display: ${open ? 'flex' : 'none'}; display: ${open ? 'flex' : 'none'};
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -33,7 +33,7 @@ export const style = ({
flex-direction: column; flex-direction: column;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
z-index: 2; z-index: 12;
max-height: 100%; max-height: 100%;
min-width: 320px; min-width: 320px;
${fullWidth ? 'width: 99%;' : ''} ${fullWidth ? 'width: 99%;' : ''}

2
packages/redux-devtools-inspector-monitor-test-tab/src/index.tsx
View File

@ -128,7 +128,7 @@ export default class TestTab<S, A extends Action<unknown>> extends Component<
return ( return (
<Container> <Container>
<Toolbar> <Toolbar>
<div style={{ flexGrow: 1, zIndex: 100 }}> <div style={{ flexGrow: 1, zIndex: 10 }}>
<Select <Select
options={templates} options={templates}
getOptionValue={(template: Template) => template.name!} getOptionValue={(template: Template) => template.name!}