erp5_web_renderjs_ui: add content-iframe-maximize css class

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css

@@ -1411,6 +1411,40 @@ div[data-gadget-scope='notification'] button {
   }
 }
 /**********************************************
+* Class
+**********************************************/
+.content-iframe-maximize {
+  position: fixed;
+}
+@media not screen and (max-width: 85em) {
+  .content-iframe-maximize {
+    left: 180pt;
+    top: 60pt;
+    width: calc(100vw -  180pt );
+  }
+  .content-iframe-maximize iframe {
+    height: calc(100vh -  60pt );
+  }
+}
+@media only screen and (min-width: 45em) and (max-width: 85em) {
+  .content-iframe-maximize {
+    left: 0;
+    top: 73pt;
+  }
+  .content-iframe-maximize iframe {
+    height: calc(100vh -  73pt );
+  }
+}
+@media not screen and (min-width: 45em) {
+  .content-iframe-maximize {
+    left: 0;
+    top: 67pt;
+  }
+  .content-iframe-maximize iframe {
+    height: calc(100vh -  67pt );
+  }
+}
+/**********************************************
 * Icons
 **********************************************/
 .ui-btn-icon-top::before,

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml

@@ -242,7 +242,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>958.38697.56980.48179</string> </value>
+                <value> <string>960.1037.21083.19336</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -260,7 +260,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1491827283.31</float>
+                        <float>1497345912.22</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt

@@ -36,6 +36,8 @@
 
 // XXX BUG Generate wrong align on firefox smartphone
 @headerheight: @font-size * 2 + @margin-size;
+@headerheight-smartphone: 2 * @headerheight + @margin-size + 1;
+@headerheight-tablet: 2 * @headerheight + 2 * @margin-size + 1;
 
 @main-margin-size-desktop: @quadruple-margin-size;
 @main-margin-size-smartphone: @margin-size;
@@ -1604,6 +1606,35 @@ div[data-gadget-scope='notification'] {
     to {opacity:1;}
 }
 
+/**********************************************
+* Class
+**********************************************/
+.content-iframe-maximize {
+  position: fixed;
+  @media @desktop {
+    left: @panelwidth;
+    top: 2 * @headerheight;
+    width: ~"calc(100vw - "@panelwidth~")";
+    iframe {
+      height: ~"calc(100vh - "2 * @headerheight~")";
+    }
+  }
+  @media @tablet {
+    left: 0;
+    top: @headerheight-tablet;
+    iframe {
+      height: ~"calc(100vh - "@headerheight-tablet~")";
+    }
+  }
+  @media @smartphone {
+    left: 0;
+    top: @headerheight-smartphone;
+    iframe {
+      height: ~"calc(100vh - "@headerheight-smartphone~")";
+    }
+  }
+}
+
 /**********************************************
 * Icons
 **********************************************/