mirror of
https://github.com/EGroupware/egroupware.git
synced 2025-01-25 15:29:17 +01:00
WIP mobile framework: Open popups like lightbox
This commit is contained in:
parent
16ab91c7e9
commit
4eaddd0bd4
@ -640,4 +640,39 @@ and open the template in the editor.
|
|||||||
.egw_fw_ui_app_header_container {
|
.egw_fw_ui_app_header_container {
|
||||||
display:none;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
@ -27,6 +27,12 @@
|
|||||||
<!-- END head -->
|
<!-- END head -->
|
||||||
<!-- BEGIN framework -->
|
<!-- BEGIN framework -->
|
||||||
{hook_after_navbar}
|
{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_basecontainer">
|
||||||
<div id="egw_fw_top_toolbar">
|
<div id="egw_fw_top_toolbar">
|
||||||
<div id="egw_fw_logout" title="{title_logout}" data-logout-url="{link_logout}"></div>
|
<div id="egw_fw_logout" title="{title_logout}" data-logout-url="{link_logout}"></div>
|
||||||
|
Loading…
Reference in New Issue
Block a user