fix chutier popup z-index

This commit is contained in:
Bachir Soussi Chiadmi
2018-03-13 19:13:42 +01:00
parent bb01a49df6
commit 74a4f4b695
3 changed files with 6 additions and 6 deletions
@@ -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;