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