web ui frame view

js/apps/system/_admin/aardvark/APP/frontend/html/body.html.part

@@ -35,7 +35,7 @@
   </footer>
 
   <div class="arangoFrame" style="">
-    <div class="Outer">
-      <div class="Inner"></div>
+    <div class="outerDiv">
+      <div class="innerDiv"></div>
     </div>
   </div>

js/apps/system/_admin/aardvark/APP/frontend/js/arango/arango.js

@@ -240,19 +240,19 @@
       docFrameView.colid = ids[0];
       docFrameView.docid = ids[1];
 
-      docFrameView.el = '.arangoFrame .Inner';
+      docFrameView.el = '.arangoFrame .innerDiv';
       docFrameView.render();
       docFrameView.setType(type);
 
       //remove header
       $('.arangoFrame .headerBar').remove();
       //append close button
-      $('.arangoFrame .Outer').prepend('<i class="fa fa-times"></i>');
+      $('.arangoFrame .outerDiv').prepend('<i class="fa fa-times"></i>');
       //add close events
-      $('.arangoFrame .Outer').click(function() {
+      $('.arangoFrame .outerDiv').click(function() {
         self.closeDocEditor();
       });
-      $('.arangoFrame .Inner').click(function(e) {
+      $('.arangoFrame .innerDiv').click(function(e) {
         e.stopPropagation();
       });
       $('.fa-times').click(function() {
@@ -278,7 +278,7 @@
     },
 
     closeDocEditor: function () {
-      $('.arangoFrame .Outer .fa-times').remove();
+      $('.arangoFrame .outerDiv .fa-times').remove();
       $('.arangoFrame').hide();
     },
 

js/apps/system/_admin/aardvark/APP/frontend/scss/_general.scss

@@ -18,21 +18,22 @@
 }
 
 .arangoFrame {
-
   background-color: rgba(0, 0, 0, .5);
+  bottom: 0;
   display: none;
   left: 0;
-  position: absolute;
+  position: fixed;
   right: 0;
   top: 0;
   z-index: 77777;
 
-  .Outer {
+  .outerDiv {
+    min-height: 100%;
     padding: 40px;
     z-index: 88888;
   }
 
-  .Inner {
+  .innerDiv {
     z-index: 99999;
   }