reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2024-11-22 01:26:48 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(devui): fix z-index issues (#838)

Browse Source 
* fix(devui): fix z-index issues

* Update snapshots
This commit is contained in:
Nathan Bierema 2021-09-04 23:07:20 +00:00 committed by GitHub
parent 01ad152ac9
commit 3a84ab4f7c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 8 additions and 8 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;
bottom: 0px;
left: 0px;
z-index: 4;
z-index: 14;
display: ${open ? 'flex' : 'none'};
flex-direction: column;
align-items: center;
@ -37,7 +37,7 @@ export const style = ({
flex-direction: column;
box-sizing: border-box;
position: relative;
z-index: 2;
z-index: 12;
max-height: 100%;
min-width: 320px;
${fullWidth ? 'width: 99%;' : ''}

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

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

6
packages/devui/tests/__snapshots__/Dialog.test.tsx.snap
View File

@ -2,7 +2,7 @@
exports[`Dialog renders correctly 1`] = `
<div
class="sc-pGacB cQhcnT"
class="sc-pGacB bbkBgj"
>
<div />
<div>
@ -45,7 +45,7 @@ exports[`Dialog renders correctly 1`] = `
exports[`Dialog renders modal 1`] = `
<div
class="sc-pGacB cQhcnT"
class="sc-pGacB bbkBgj"
>
<div />
<div>
@ -85,7 +85,7 @@ exports[`Dialog renders modal 1`] = `
exports[`Dialog renders with props 1`] = `
<div
class="sc-pGacB itppjQ"
class="sc-pGacB cALHtI"
open=""
>
<div />

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 (
<Container>
<Toolbar>
<div style={{ flexGrow: 1, zIndex: 100 }}>
<div style={{ flexGrow: 1, zIndex: 10 }}>
<Select
options={templates}
getOptionValue={(template: Template) => template.name!}