From: Jérémy Fabre <Jeremy@iMacdeJeremy2.fritz.box>
Date: Wed, 15 Feb 2017 14:20:43 +0000 (+0100)
Subject: Fix overlay on responsive devices
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=7f4a70365fec3cb275be35b9a72451e0de863e4b;p=mezzo.git

Fix overlay on responsive devices
---

diff --git a/app/static/src/sass/modules/_overlay.scss b/app/static/src/sass/modules/_overlay.scss
index 6f8b794f..ca43e6ee 100644
--- a/app/static/src/sass/modules/_overlay.scss
+++ b/app/static/src/sass/modules/_overlay.scss
@@ -21,7 +21,6 @@ $module: ".overlay";
     &.open {
 
         height: 100%;
-        display: table;
         opacity: 1;
         @include transition(opacity .5s ease-in-out, height 0s);
 
@@ -77,20 +76,20 @@ $module: ".overlay";
 
     &__container {
 
-        display: table;
+        display: block;
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 1;
+        overflow: scroll;
 
     }
 
     &__content {
 
-        display: table-cell;
-        vertical-align: middle;
+        @include padding(5 0);
 
     }