fix chutier popup z-index
This commit is contained in:
@@ -1096,7 +1096,7 @@ body, html {
|
|||||||
padding: 0; }
|
padding: 0; }
|
||||||
|
|
||||||
header[role="banner"] {
|
header[role="banner"] {
|
||||||
z-index: 1;
|
z-index: 2;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 0 1em; }
|
padding: 0 1em; }
|
||||||
header[role="banner"] > .wrapper {
|
header[role="banner"] > .wrapper {
|
||||||
@@ -1131,7 +1131,7 @@ main[role="main"] {
|
|||||||
pointer-events: auto; }
|
pointer-events: auto; }
|
||||||
|
|
||||||
footer[role="contentinfo"] {
|
footer[role="contentinfo"] {
|
||||||
z-index: 5;
|
z-index: 2;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
-webkit-box-sizing: content-box;
|
-webkit-box-sizing: content-box;
|
||||||
@@ -1468,6 +1468,7 @@ body.ajax-loading main[role="main"]:before {
|
|||||||
background-image: url(../img/audio-player-pause.svg); }
|
background-image: url(../img/audio-player-pause.svg); }
|
||||||
|
|
||||||
.chutier-icon {
|
.chutier-icon {
|
||||||
|
z-index: 1;
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 1em;
|
width: 1em;
|
||||||
@@ -1487,7 +1488,6 @@ body.ajax-loading main[role="main"]:before {
|
|||||||
.chutier-icon.not-logedin {
|
.chutier-icon.not-logedin {
|
||||||
overflow: visible; }
|
overflow: visible; }
|
||||||
.chutier-icon .popup {
|
.chutier-icon .popup {
|
||||||
z-index: 10;
|
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|||||||
@@ -395,6 +395,7 @@ main[role="main"]{
|
|||||||
// |___/\__|\_,_\__,_|_\___/
|
// |___/\__|\_,_\__,_|_\___/
|
||||||
.chutier-icon{
|
.chutier-icon{
|
||||||
$s:1em;
|
$s:1em;
|
||||||
|
z-index: 1;
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width:$s;height:$s;
|
width:$s;height:$s;
|
||||||
@@ -416,7 +417,6 @@ main[role="main"]{
|
|||||||
overflow: visible;
|
overflow: visible;
|
||||||
}
|
}
|
||||||
.popup{
|
.popup{
|
||||||
z-index: 10;
|
|
||||||
display:none;
|
display:none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top:0; left:0;
|
top:0; left:0;
|
||||||
|
|||||||
@@ -20,7 +20,7 @@ body, html{
|
|||||||
|
|
||||||
header[role="banner"]{
|
header[role="banner"]{
|
||||||
// outline: 1px solid blue;
|
// outline: 1px solid blue;
|
||||||
z-index: 1;
|
z-index: 2;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding:0 1em;
|
padding:0 1em;
|
||||||
>.wrapper{
|
>.wrapper{
|
||||||
@@ -62,7 +62,7 @@ main[role="main"]{
|
|||||||
|
|
||||||
footer[role="contentinfo"]{
|
footer[role="contentinfo"]{
|
||||||
// outline: 1px solid pink;
|
// outline: 1px solid pink;
|
||||||
z-index: 5;
|
z-index: 2;
|
||||||
position:fixed;
|
position:fixed;
|
||||||
bottom:0;
|
bottom:0;
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
|
|||||||
Reference in New Issue
Block a user