Commit 4217a10f authored by Martin Leblanc's avatar Martin Leblanc Committed by Eric Bremner
Browse files

ISTWCMS-4872: css for the thumbnails and z-index for lightbox

parent beafe23f
......@@ -363,30 +363,6 @@ $test-color-12: #f00;
// Display of mosiac item.
@mixin uw-flex-masonry-item(){
@include flex();
@include align-items(flex-start);
@include medium{
.uw-contained-width--narrow &,
.layout--uw-inverted-l-right &,
.layout--uw-inverted-l-left &,
.layout--uw-2-col &,
.layout--uw-3-col &,
.layout--uw-4-col &{
}
}
@include large{
.uw-contained-width--wide &{
}
}
}
// Display of gallery item.
......
......@@ -7,3 +7,11 @@
padding:0 0 1rem
}
}
// Tabs in admin
.tabs{
z-index: gesso-z-index(wrapper);
}
.is-collapse-enabled .tabs__trigger{
z-index: gesso-z-index(content);
}
......@@ -50,7 +50,7 @@
position:relative;
width: 100%;
// Puts the content at z-index 3
z-index: gesso-z-index(content);
//z-index: gesso-z-index(content);
}
.uw-footer {
......
......@@ -10,6 +10,13 @@ $size-xlarge: 9;
}
@include medium{
grid-template-columns: repeat($size-medium, 1fr);
.uw-contained-width--narrow &,
.layout--uw-2-col &,
.layout--uw-3-col &,
.layout--uw-4-col &,
.layout--uw-5-col & {
grid-template-columns: repeat($size-small, 1fr);
}
}
@include xl{
.uw-full-width.layout--uw-1-col &{
......@@ -138,6 +145,12 @@ $size-xlarge: 9;
img {
filter:blur(0);
}
.uw-lightbox__content{
display:inherit;
img{
display:inherit;
}
}
}
align-items: center;
background-color: rgba($uw-black, 0.7);
......@@ -155,9 +168,13 @@ $size-xlarge: 9;
.uw-lightbox__content {
color: #fff !important;
display:none;
max-height:80%;
max-width: 90%;
position: relative;
z-index:100;
img{
display:none;
}
&:hover > .close {
opacity: 1;
transform: scale(1, 1);
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment