reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2024-11-25 11:03:57 +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; 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%;' : ''}

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

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