production menu, fixes #16

sites/all/themes/custom/edlptheme/assets/styles/app.scss

@@ -709,8 +709,9 @@ footer{
 
   >.wrapper{
     white-space: nowrap;
-
+    // height:100%;
     >.region{
+      // height:100%;
       // display: table-cell;
       display: inline-block;
       vertical-align: baseline;
@@ -793,14 +794,16 @@ footer{
   }
 
   #block-productions{
-
+    position: relative;
     pointer-events: none;
     body:not(.path-productions) & {display:none}
 
     ul{
       margin-left: -3em;
       white-space: nowrap;
+
       li{
+        height:200px; // this is needed to respect the height of oblique links :(
         a{
           // outline: 1px solid blue;
           pointer-events: all;
@@ -832,6 +835,7 @@ footer{
     display: inline-block;
     // vertical-align: top;
     ul{
+
       margin:0;
       white-space: nowrap;
       li{
@@ -840,6 +844,7 @@ footer{
         white-space: nowrap;
         pointer-events: none;
         span.oblique-wrapper{
+          height:120px; // this is needed to respect the height of oblique links :(
           display: inline-block;
           vertical-align: bottom;
           position: relative;

sites/all/themes/custom/edlptheme/assets/styles/base/_layout.scss

@@ -58,11 +58,12 @@ main[role="main"]{
 
 footer[role="contentinfo"]{
   // outline: 1px solid pink;
-  z-index: 1;
+  z-index: 5;
   position:fixed;
   bottom:0;
   box-sizing: content-box;
   width:100%;
+  // min-height:110px;
   padding:0.5em 1em;
 }