change z order of Modal and Alert
This commit is contained in:
parent
df4c75672c
commit
37239ee267
|
@ -39,7 +39,9 @@ const Alert = () => {
|
||||||
(render || alertOpen) && (
|
(render || alertOpen) && (
|
||||||
<div>
|
<div>
|
||||||
<div
|
<div
|
||||||
className={(alertOpen && render) ? 'Overlay show' : 'Overlay'}
|
className={(alertOpen && render)
|
||||||
|
? 'OverlayAlert show'
|
||||||
|
: 'OverlayAlert'}
|
||||||
onTransitionEnd={onTransitionEnd}
|
onTransitionEnd={onTransitionEnd}
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
onClick={close}
|
onClick={close}
|
||||||
|
|
|
@ -54,7 +54,7 @@ const Captcha = ({ callback, close }) => {
|
||||||
}}
|
}}
|
||||||
src={captchaUrl}
|
src={captchaUrl}
|
||||||
alt="CAPTCHA"
|
alt="CAPTCHA"
|
||||||
onLoad={() => {setImgLoaded(true)}}
|
onLoad={() => { setImgLoaded(true); }}
|
||||||
onError={() => setErrors([t`Could not load captcha`])}
|
onError={() => setErrors([t`Could not load captcha`])}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -69,7 +69,9 @@ const ModalRoot = () => {
|
||||||
(render || modalOpen) && (
|
(render || modalOpen) && (
|
||||||
<div>
|
<div>
|
||||||
<div
|
<div
|
||||||
className={(modalOpen && render) ? 'Overlay show' : 'Overlay'}
|
className={(modalOpen && render)
|
||||||
|
? 'OverlayModal show'
|
||||||
|
: 'OverlayModal'}
|
||||||
onTransitionEnd={onTransitionEnd}
|
onTransitionEnd={onTransitionEnd}
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
onClick={close}
|
onClick={close}
|
||||||
|
|
|
@ -351,7 +351,7 @@ tr:nth-child(even) {
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
z-index: 6;
|
z-index: 7;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modaltext, .modalcotext {
|
.modaltext, .modalcotext {
|
||||||
|
@ -461,18 +461,25 @@ tr:nth-child(even) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.Overlay {
|
.OverlayModal, .OverlayAlert {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
background-color: rgba(255, 255, 255, 0.75);
|
background-color: rgba(255, 255, 255, 0.75);
|
||||||
z-index: 4;
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 200ms ease-in-out;
|
transition: opacity 200ms ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.OverlayModal {
|
||||||
|
z-index: 4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.OverlayAlert {
|
||||||
|
z-index: 6;
|
||||||
|
}
|
||||||
|
|
||||||
.chatbox div .chatarea {
|
.chatbox div .chatarea {
|
||||||
height: 174px;
|
height: 174px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user