Fixed z-indices
This commit is contained in:
parent
d9ead8a1b4
commit
532bcb732d
4 changed files with 42 additions and 11 deletions
2
public/dist/styles/default-ltr.css
vendored
2
public/dist/styles/default-ltr.css
vendored
File diff suppressed because one or more lines are too long
2
public/dist/styles/default-rtl.css
vendored
2
public/dist/styles/default-rtl.css
vendored
File diff suppressed because one or more lines are too long
|
@ -4,10 +4,10 @@
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
right: 0;
|
.func-end(0);
|
||||||
left: 0;
|
.func-start(0);
|
||||||
color: var(--config-color-normal);
|
color: var(--config-color-normal);
|
||||||
z-index: 1002;
|
z-index: 4;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
bottom: 15px;
|
bottom: 15px;
|
||||||
max-width: 560px;
|
max-width: 560px;
|
||||||
|
@ -38,9 +38,13 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 22px;
|
line-height: 20px;
|
||||||
top: 8px;
|
top: 9px;
|
||||||
.func-start(8px);
|
.func-start(9px);
|
||||||
|
background: #fff;
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.error {
|
&.error {
|
||||||
|
@ -51,6 +55,10 @@
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
border-bottom: dotted 1px #ffffff;
|
border-bottom: dotted 1px #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
i {
|
||||||
|
color: var(--config-color-danger);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.success {
|
&.success {
|
||||||
|
@ -61,16 +69,24 @@
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
border-bottom: dotted 1px #ffffff;
|
border-bottom: dotted 1px #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
i {
|
||||||
|
color: var(--config-color-success);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.warning {
|
&.warning {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background: var(--config-color-success);
|
background: var(--config-color-warning);
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
border-bottom: dotted 1px #ffffff;
|
border-bottom: dotted 1px #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
i {
|
||||||
|
color: var(--config-color-warning);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.open {
|
&.open {
|
||||||
|
@ -100,6 +116,7 @@
|
||||||
top: auto;
|
top: auto;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
.func-start(0);
|
||||||
|
|
||||||
li {
|
li {
|
||||||
margin: 5px 0 0 0;
|
margin: 5px 0 0 0;
|
||||||
|
@ -111,3 +128,17 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.show-nav {
|
||||||
|
.alerts {
|
||||||
|
ul {
|
||||||
|
.func-start(220px);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media @phones, @tablets {
|
||||||
|
ul {
|
||||||
|
.func-start(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -11,8 +11,8 @@
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
background: #0c0c0c;
|
background: #0c0c0c;
|
||||||
opacity: 0.5;
|
opacity: 0.75;
|
||||||
z-index: 4;
|
z-index: 5;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue