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 {
}
}
/**********************************************
* 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,
......
......@@ -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>
......
......@@ -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
**********************************************/
......
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