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

source/_patterns/00-config/01-mixins/_mixins.uw.scss

@@ -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.

source/_patterns/03-layouts/content/_content.scss

@@ -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);
+}

source/_patterns/03-layouts/site-container/_site-container.scss

@@ -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 {

source/_patterns/04-components/image-gallery/_image-gallery.scss

@@ -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);