added on/off switch to corpus-map, added loader svg for ajax (remains to animate it

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

@@ -110,7 +110,7 @@ main[role="main"]{
       overflow: hidden;
       .col{
         pointer-events:all;
-        // height: 100%;
+        max-height: 100%;
         position: relative;
         &>.wrapper{
           position: relative;
@@ -118,7 +118,7 @@ main[role="main"]{
           border-top: 1px solid red;
           border-bottom: 1px solid red;
           background-color: $transparent-bg;
-          max-height: 100%;
+          max-height: 100%; // this is not working :(
           padding:0 0 1em;
           &>*{
             padding:0 1em;
@@ -140,9 +140,25 @@ main[role="main"]{
     margin:0; padding:0;
     list-style: none;
   }
+  body.ajax-loading &:before{
+    content:"";
+    display: block;
+    position: absolute;
+    $s:50px;
+    width:$s; height:$s;
+    top:calc(50% - #{$s/2}); left:calc(50% - #{$s/2});
+    background-color: white;
+    background-image: url(../../img/edlp-loader.svg);
+    background-size: 50%;
+    background-repeat: no-repeat;
+    background-position: center;
+    border-radius: $s/2;
+  }
 }
-body.path-agenda main .col>.wrapper{
-  height:100%;
+body.path-agenda main .col{
+  &, &>.wrapper{
+    height:100%;
+  }
 }
 #agenda{
   position: relative;

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

@@ -7,6 +7,7 @@ body, html{
   font-style: normal;
   margin:0;
   padding:0;
+  // background-color: rgb(219, 219, 219);
 }
 
 div.layout-container{
@@ -48,6 +49,10 @@ footer[role="contentinfo"]{
   width:100%;
 }
 
-canvas#edlp-map{
+canvas#corpus-map{
   // outline: 1px solid grey;
 }
+
+.os-scroll{
+  height: 100%;
+}