fix(devui): fix z-index issues

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

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%;' : ''}

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%;' : ''}

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!}