holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests 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";*/
@media all {
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 {
top: 20px;
@ -6933,27 +6952,16 @@ a.textSidebox {
position: fixed;
display: none;
z-index: 999;
background: rgba(0, 0, 0, 0.44);
background: white;
}
.egw_fw_mobile_popup_container .egw_fw_mobile_popupFrame {
width: 90%;
height: 90%;
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);
width: 100%;
height: 100%;
}
.egw_fw_mobile_popup_container .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);
.egw_fw_mobile_popup_loader {
background-image: url('../images/ajax-loader.gif');
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 {
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{
top:20px;
@ -665,28 +683,16 @@ and open the template in the editor.
position:fixed;
display: none;
z-index: 999;
background: rgba(0, 0, 0, 0.44);
background: white;
.egw_fw_mobile_popupFrame {
width: 90%;
height: 90%;
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;
width: 100%;
height: 100%;
}
}
.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;
}
}