extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-10-05 01:22:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

Mobile theme:

Browse Source 
- Remove position fixed for headers because iOS Safari can't deal with position fixed
- Do not set initial scale, it will screw up scrilling in Safari
This commit is contained in:
Hadi Nategh 2016-03-14 15:56:32 +00:00
parent d87e280bf9
commit 4042c54dff
5 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
pixelegg/css/mobile.css
View File

@ -6145,7 +6145,7 @@ span.egw_tutorial_title {
overflow-x: scroll; overflow-x: scroll;
position: initial; position: initial;
white-space: nowrap; white-space: nowrap;
position: fixed; position: absolute;
left: 83%; left: 83%;
top: 15px; top: 15px;
height: 50px; height: 50px;
@ -6199,7 +6199,7 @@ span.egw_tutorial_title {
width: 280px; width: 280px;
display: inline; display: inline;
float: left; float: left;
position: fixed; position: absolute;
padding: 8px 5px 0 50px; padding: 8px 5px 0 50px;
} }
body #egw_fw_basecontainer div#egw_fw_topmenu_items ul { body #egw_fw_basecontainer div#egw_fw_topmenu_items ul {
@ -6299,7 +6299,7 @@ span.egw_tutorial_title {
background-position: center; background-position: center;
} }
body #egw_fw_basecontainer #egw_fw_userinfo { body #egw_fw_basecontainer #egw_fw_userinfo {
position: fixed; position: absolute;
top: 50px; top: 50px;
margin-left: 8px; margin-left: 8px;
width: 300px; width: 300px;
@ -6794,7 +6794,7 @@ span.egw_tutorial_title {
body .egw_fw_mobile_popup_container { body .egw_fw_mobile_popup_container {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: fixed; position: absolute;
display: none; display: none;
z-index: 999; z-index: 999;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;

8
pixelegg/css/mobile.less
View File

@ -155,7 +155,7 @@
overflow-x: scroll; overflow-x: scroll;
position: initial; position: initial;
white-space: nowrap; white-space: nowrap;
position: fixed; position: absolute;
left: 83%; left: 83%;
top: 15px; top: 15px;
height: 50px; height: 50px;
@ -215,7 +215,7 @@
width: 280px; width: 280px;
display: inline; display: inline;
float: left; float: left;
position: fixed; position: absolute;
padding:8px 5px 0 50px; padding:8px 5px 0 50px;
ul{ ul{
display:inline; display:inline;
@ -325,7 +325,7 @@
} }
} }
#egw_fw_userinfo { #egw_fw_userinfo {
position: fixed; position: absolute;
top:50px; top:50px;
margin-left:8px; margin-left:8px;
width:300px; width:300px;
@ -790,7 +790,7 @@
.egw_fw_mobile_popup_container{ .egw_fw_mobile_popup_container{
width:100%; width:100%;
height:100%; height:100%;
position:fixed; position:absolute;
display: none; display: none;
z-index: 999; z-index: 999;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;

2
pixelegg/head_mobile.tpl
View File

@ -10,7 +10,7 @@
<meta name="language" content="{lang_code}" /> <meta name="language" content="{lang_code}" />
<meta name="author" content="Stylite AG www.stylite.de" /> <meta name="author" content="Stylite AG www.stylite.de" />
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/> <meta name="viewport" content="user-scalable=no,width=device-width" />
<link rel="apple-touch-icon" href="{webserver_url}/phpgwapi/templates/default/images/logo64x64.png" /> <link rel="apple-touch-icon" href="{webserver_url}/phpgwapi/templates/default/images/logo64x64.png" />
{pngfix} {pngfix}
{meta_robots} {meta_robots}

10
pixelegg/mobile/fw_mobile.css
View File

@ -6156,7 +6156,7 @@ span.egw_tutorial_title {
overflow-x: scroll; overflow-x: scroll;
position: initial; position: initial;
white-space: nowrap; white-space: nowrap;
position: fixed; position: absolute;
left: 83%; left: 83%;
top: 15px; top: 15px;
height: 50px; height: 50px;
@ -6210,7 +6210,7 @@ span.egw_tutorial_title {
width: 280px; width: 280px;
display: inline; display: inline;
float: left; float: left;
position: fixed; position: absolute;
padding: 8px 5px 0 50px; padding: 8px 5px 0 50px;
} }
body #egw_fw_basecontainer div#egw_fw_topmenu_items ul { body #egw_fw_basecontainer div#egw_fw_topmenu_items ul {
@ -6310,7 +6310,7 @@ span.egw_tutorial_title {
background-position: center; background-position: center;
} }
body #egw_fw_basecontainer #egw_fw_userinfo { body #egw_fw_basecontainer #egw_fw_userinfo {
position: fixed; position: absolute;
top: 50px; top: 50px;
margin-left: 8px; margin-left: 8px;
width: 300px; width: 300px;
@ -6805,7 +6805,7 @@ span.egw_tutorial_title {
body .egw_fw_mobile_popup_container { body .egw_fw_mobile_popup_container {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: fixed; position: absolute;
display: none; display: none;
z-index: 999; z-index: 999;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
@ -7112,7 +7112,7 @@ form[id^="tracker-"] .dialogHeadbar {
width: 245px; width: 245px;
display: inline; display: inline;
float: left; float: left;
position: fixed; position: absolute;
padding-left: 50px; padding-left: 50px;
padding-right: 5px; padding-right: 5px;
background: white; background: white;

2
pixelegg/mobile/fw_mobile.less
View File

@ -195,7 +195,7 @@
width: 245px; width: 245px;
display: inline; display: inline;
float: left; float: left;
position: fixed; position: absolute;
padding-left: 50px; padding-left: 50px;
padding-right:5px; padding-right:5px;
background:white; background:white;