WIP mobile framework: Open popups like lightbox

This commit is contained in:
Hadi Nategh 2014-11-25 17:31:34 +00:00
parent 16ab91c7e9
commit 4eaddd0bd4
2 changed files with 41 additions and 0 deletions

View File

@ -640,4 +640,39 @@ and open the template in the editor.
.egw_fw_ui_app_header_container {
display:none;
}
//###################################
//# #
//# POPUP FRAME #
//# #
//###################################
.egw_fw_mobile_popup_container{
width:100%;
height:100%;
position:fixed;
display: none;
z-index: 999;
background: rgba(0, 0, 0, 0.44);
#egw_fw_mobile_popupFrame {
width: 90%;
height: 90%;
margin-left:2%;
margin-top:2%;
}
.egw_fw_mobile_popup_toolbar{
display:inline;
height:10px;
#egw_fw_mobile_popup_close {
width: 24px;
height: 24px;
display: inline;
white-space: nowrap;
top:5px;
left:5px;
}
}
}
}

View File

@ -27,6 +27,12 @@
<!-- END head -->
<!-- BEGIN framework -->
{hook_after_navbar}
<div class="egw_fw_mobile_popup_container">
<div class="egw_fw_mobile_popup_toolbar">
<button id="egw_fw_mobile_popup_close" class="et2_button_cancel">X</button>
</div>
<iframe id="egw_fw_mobile_popupFrame"></iframe>
</div>
<div id="egw_fw_basecontainer">
<div id="egw_fw_top_toolbar">
<div id="egw_fw_logout" title="{title_logout}" data-logout-url="{link_logout}"></div>