fixed studio compo height

web/modules/custom/edlp_studio/assets/scripts/edlp_studio.js

@@ -150,6 +150,11 @@
       $('header', _$composer).after(data.compo);
     }
     _$composer.removeClass('ajax-loading');
+    if(!$('.field--name-documents .field__item', _$composer).length){
+      _$composer.addClass('empty');
+    }else{
+      _$composer.removeClass('empty');
+    }
     initDragAndDropUI();
     initUsedChutierInCompo();
     $('body').trigger({
@@ -396,6 +401,7 @@
     });
     // console.log(documents);
     initUsedChutierInCompo();
+    _$composer.removeClass('empty');
     recordCompoList(cid, documents);
   };
   function recordCompoList(cid, docs){

web/themes/custom/edlptheme/assets/styles/app.scss

@@ -1324,6 +1324,7 @@ main[role="main"]{
 
 .row .col .studio-ui-wrapper{
   height: 100%;
+  overflow-x: hidden;
 }
 #studio-ui{
   height:100%;
@@ -1388,9 +1389,10 @@ main[role="main"]{
       background-color: red;
     }
   } // end mixin
-
+  $compo_height:250px;
   .chutier_ui{
-    height: 65%;
+    // height: 65%;
+    height: calc(100% - #{$compo_height});
     border-bottom: 1px solid red;
     position: relative;
     &>h2{
@@ -1463,7 +1465,8 @@ main[role="main"]{
   }
   $compo_square_size:12px;
   .composition_ui{
-    height:35%;
+    // height:35%;
+    height:$compo_height;
     &>h2{
       z-index: 10;
       position: absolute;
@@ -1604,6 +1607,10 @@ main[role="main"]{
           padding-bottom:$padding;
           font-size: 0.756em;
         }
+        &:not(.empty)>header{
+          // display: none;
+          visibility: hidden;
+        }
         >.composition{
           position: relative;
           height:calc(100% - #{$header_height + $actions_height + $padding*2});