Commit 23c1f832 authored by Vincent Bechu's avatar Vincent Bechu Committed by Eteri

erp5_web_renderjs_ui: add content-iframe-maximize css class

parent 9b7d93c9
...@@ -1411,6 +1411,40 @@ div[data-gadget-scope='notification'] button { ...@@ -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 * Icons
**********************************************/ **********************************************/
.ui-btn-icon-top::before, .ui-btn-icon-top::before,
......
...@@ -242,7 +242,7 @@ ...@@ -242,7 +242,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>958.38697.56980.48179</string> </value> <value> <string>960.1037.21083.19336</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -260,7 +260,7 @@ ...@@ -260,7 +260,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1491827283.31</float> <float>1497345912.22</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -36,6 +36,8 @@ ...@@ -36,6 +36,8 @@
// XXX BUG Generate wrong align on firefox smartphone // XXX BUG Generate wrong align on firefox smartphone
@headerheight: @font-size * 2 + @margin-size; @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-desktop: @quadruple-margin-size;
@main-margin-size-smartphone: @margin-size; @main-margin-size-smartphone: @margin-size;
...@@ -1604,6 +1606,35 @@ div[data-gadget-scope='notification'] { ...@@ -1604,6 +1606,35 @@ div[data-gadget-scope='notification'] {
to {opacity:1;} 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 * Icons
**********************************************/ **********************************************/
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment