added productions menu block to ajax load

This commit is contained in:
Bachir Soussi Chiadmi
2018-03-03 12:55:15 +01:00
parent 55f5d5b2f0
commit b1598ae231
5 changed files with 166 additions and 53 deletions
@@ -152,19 +152,31 @@ main[role="main"]{
margin:0; padding:0;
list-style: none;
}
body.ajax-loading &:before{
content:"";
display: block;
position: absolute;
$s:60px;
width:$s; height:$s;
top:calc(50% - #{$s/2}); left:calc(50% - #{$s/2});
background-color: white;
background-image: url(../../img/edlp-loader-anim.svg);
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
border-radius: $s/2;
// ajax loading effects
.layout-content{
transition: opacity 0.5s ease-in-out;
opacity: 1;
}
body.ajax-loading &{
.layout-content{
opacity:0.2;
}
&:before{
content:"";
display: block;
position: absolute;
z-index: 10;
$s:60px;
width:$s; height:$s;
top:calc(50% - #{$s/2}); left:calc(50% - #{$s/2});
background-color: white;
background-image: url(../../img/edlp-loader-anim.svg);
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
border-radius: $s/2;
}
}
}
@@ -358,6 +370,9 @@ footer{
}
#block-productions{
body:not(.path-productions) & {display:none}
ul{
white-space: nowrap;
li{
@@ -386,6 +401,9 @@ footer{
}
.block-block-edlp-entrees{
body:not(.path-frontpage) & {display:none}
display: inline-block;
// vertical-align: top;
ul{