From 781918f8aebbcc2dabced3ae9633c5f7bdf668c0 Mon Sep 17 00:00:00 2001
From: Vincent Bechu <vincent.bechu@nexedi.com>
Date: Tue, 13 Jun 2017 10:55:46 +0200
Subject: [PATCH] erp5_web_renderjs_ui: add content-iframe-maximize css class

---
 .../rjs_gadget_erp5_nojqm_css.css             | 34 +++++++++++++++++++
 .../rjs_gadget_erp5_nojqm_css.xml             |  4 +--
 .../erp5_web_renderjs_ui/erp5css.less.txt     | 31 +++++++++++++++++
 3 files changed, 67 insertions(+), 2 deletions(-)

diff --git a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css
index ffe193e21b..86a9a6bd4a 100644
--- a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css
+++ b/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,
diff --git a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml
index 98cde95343..01c04cca8f 100644
--- a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml
+++ b/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>
diff --git a/bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt b/bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt
index baf3d9bad0..a9dd527b30 100644
--- a/bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt
+++ b/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
 **********************************************/
-- 
2.30.9