extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-02-11 07:50:16 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix mobile modal popups to fullscreen and add toolbar with appheader to the top

Browse Source
This commit is contained in:
Hadi Nategh 2014-12-02 17:02:30 +00:00
parent 567887112d
commit 3639e08367
2 changed files with 55 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
pixelegg/css/mobile.css
View File

@ -6263,7 +6263,26 @@ a.textSidebox {
/*@import "../less/layout_dialog.less";*/ /*@import "../less/layout_dialog.less";*/
@media all { @media all {
body { body {
background-color: white; background-color: transparent;
}
body div.egw_fw_mobile_popup_appHeader {
display: block !important;
height: 40px !important;
font-size: 150% !important;
background-color: #679fd2 !important;
border-top: none !important;
width: 100%;
margin-top: 15px;
}
body div.egw_fw_mobile_popup_appHeader .egw_fw_mobile_popup_close {
width: 32px;
height: 32px;
float: right;
background-image: url('../images/cancelled.png');
/*url(../images/topmenu_items/mobile/menu_active.png);*/
-webkit-filter: contrast(2);
background-repeat: no-repeat;
z-index: 999;
} }
#egw_fw_basecontainer { #egw_fw_basecontainer {
top: 20px; top: 20px;
@ -6933,27 +6952,16 @@ a.textSidebox {
position: fixed; position: fixed;
display: none; display: none;
z-index: 999; z-index: 999;
background: rgba(0, 0, 0, 0.44); background: white;
} }
.egw_fw_mobile_popup_container .egw_fw_mobile_popupFrame { .egw_fw_mobile_popup_container .egw_fw_mobile_popupFrame {
width: 90%; width: 100%;
height: 90%; height: 100%;
margin-left: 5%;
margin-top: 4%;
border: 3px solid rgba(103, 159, 210, 0.5);
-webkit-box-shadow: -1px 1px 18px 2px rgba(0, 0, 0, 0.58);
-moz-box-shadow: -1px 1px 18px 2px rgba(0, 0, 0, 0.58);
box-shadow: -1px 1px 18px 2px rgba(0, 0, 0, 0.58);
} }
.egw_fw_mobile_popup_container .egw_fw_mobile_popup_close { .egw_fw_mobile_popup_loader {
width: 32px; background-image: url('../images/ajax-loader.gif');
height: 32px;
top: 12px;
right: 12px;
position: fixed;
background-image: url(../images/cancelled.png);
-webkit-filter: contrast(2);
background-repeat: no-repeat; background-repeat: no-repeat;
z-index: 1; background-position: center;
background: rgba(0, 0, 0, 0.44) !important;
} }
} }

50
pixelegg/css/mobile.less
View File

@ -11,7 +11,25 @@ and open the template in the editor.
@media all { @media all {
body{ body{
background-color: white; background-color: transparent;
div.egw_fw_mobile_popup_appHeader {
display: block !important;
height: 40px !important;
font-size: 150% !important;
background-color: #679fd2 !important;
border-top: none !important;
width: 100%;
margin-top:15px;
.egw_fw_mobile_popup_close {
width: 32px;
height: 32px;
float:right;
background-image: url('../images/cancelled.png');/*url(../images/topmenu_items/mobile/menu_active.png);*/
-webkit-filter: contrast(2);
background-repeat: no-repeat;
z-index: 999;
}
}
} }
#egw_fw_basecontainer{ #egw_fw_basecontainer{
top:20px; top:20px;
@ -665,28 +683,16 @@ and open the template in the editor.
position:fixed; position:fixed;
display: none; display: none;
z-index: 999; z-index: 999;
background: rgba(0, 0, 0, 0.44); background: white;
.egw_fw_mobile_popupFrame { .egw_fw_mobile_popupFrame {
width: 90%; width: 100%;
height: 90%; height: 100%;
margin-left:5%;
margin-top:4%;
border: 3px solid rgba(103, 159, 210, 0.5);
-webkit-box-shadow: -1px 1px 18px 2px rgba(0,0,0,0.58);
-moz-box-shadow: -1px 1px 18px 2px rgba(0,0,0,0.58);
box-shadow: -1px 1px 18px 2px rgba(0,0,0,0.58);
}
.egw_fw_mobile_popup_close {
width: 32px;
height: 32px;
top: 12px;
right: 12px;
position: fixed;
background-image: url(../images/cancelled.png);
-webkit-filter: contrast(2);
background-repeat: no-repeat;
z-index: 1;
} }
} }
.egw_fw_mobile_popup_loader {
background-image: url('../images/ajax-loader.gif');
background-repeat: no-repeat;
background-position: center;
background: rgba(0, 0, 0, 0.44) !important;
}
} }