Author: hnategh
New Revision: 54949
URL: http://svn.stylite.de/viewvc/egroupware?rev=54949&view=rev
Log:
Mobile theme W.I.P.:
- Implement fw load logo indicator
- Fix sidebar not getting closed when touch on dropped shadow area
Modified:
trunk/jdots/js/fw_mobile.js
trunk/pixelegg/css/mobile.css
trunk/pixelegg/css/mobile.less
trunk/pixelegg/head_mobile.tpl
trunk/pixelegg/inc/class.pixelegg_framework.inc.php
Modified: trunk/jdots/js/fw_mobile.js
URL: http://svn.stylite.de/viewvc/egroupware/trunk/jdots/js/fw_mobile.js?rev=54949&r1=54948&r2=54949&view=diff
— trunk/jdots/js/fw_mobile.js (original)
+++ trunk/jdots/js/fw_mobile.js Mon Feb 8 15:36:54 2016
@@ -352,8 +352,10 @@
var collapseSize = this.sideboxCollapsedSize;
var expandSize = this.sideboxSize;
var $toggleMenu = $j(this.baseContainer);
-
var self = this; if (state === 'on') { -
jQuery('.egw_fw_sidebar_dropMask').remove(); $toggleMenu.addClass('sidebar-toggle'); this.toggleMenuResizeHandler(collapseSize); this.setToggleMenuState('off');
@@ -363,6 +365,14 @@
$toggleMenu.removeClass(‘sidebar-toggle’);
this.toggleMenuResizeHandler(expandSize);
this.setToggleMenuState(‘on’);
-
if (screen.width<700) -
{ -
jQuery(document.createElement('div')) -
.addClass('egw_fw_sidebar_dropMask') -
.click(function(){self.toggleMenu('on')}) -
.css({position:'absolute',top:0,left:0,bottom:0,height:'100%',width:'100%'}) -
.appendTo('#egw_fw_main'); -
} } //Audio effect for toggleMenu
@@ -492,6 +502,7 @@
// Disable loader, if present
$j('#egw_fw_loading').hide();
-
jQuery('#egw_fw_firstload').remove(); }, /**
@@ -503,6 +514,7 @@
{
this._super.apply(this,arguments);
this.activeApp.preferences = egw.preference(‘egw_fw_mobile’,this.activeApp.appName)||{};
+
},
/**
Modified: trunk/pixelegg/css/mobile.css
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/css/mobile.css?rev=54949&r1=54948&r2=54949&view=diff
— trunk/pixelegg/css/mobile.css (original)
+++ trunk/pixelegg/css/mobile.css Mon Feb 8 15:36:54 2016
@@ -6566,6 +6566,27 @@
/Tablets landscape mode/
/Tablets Portrait/
/Smartphones/
+@keyframes fw-firstload {
- 0%,
- 20%,
- 50%,
- 80%,
- 100% {
- transform: translateY(0);
- -webkit-transform: translateY(0);
- -moz-transform: translateY(0);
- }
- 40% {
- transform: translateY(-30px);
- -webkit-transform: translateY(-30px);
- -moz-transform: translateY(-30px);
- }
- 60% {
- transform: translateY(-15px);
- -webkit-transform: translateY(-15px);
- -moz-transform: translateY(-15px);
- }
+}
@media all {
body {
background-color: transparent;
@@ -6584,6 +6605,29 @@
border-top: none !important;
width: 100%;
line-height: 32px !important; - }
- body #egw_fw_firstload {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- background-color: #ffc200;
- height: 100%;
- width: 100%;
- }
- body #egw_fw_firstload:before {
- content: “”;
- display: inline-block;
- position: absolute;
- width: 100%;
- height: 100%;
- background-image: url(/egroupware/phpgwapi/templates/default/images/logo64x64.png);
- background-position: center;
- background-repeat: no-repeat;
- background-size: 64px;
- -webkit-animation: fw-firstload 1s infinite;
- animation: fw-firstload 1s infinite;
- -moz-animation: fw-firstload 1s infinite;
}
body table.egwGridView_outer thead tr th {
font-size: small !important;
Modified: trunk/pixelegg/css/mobile.less
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/css/mobile.less?rev=54949&r1=54948&r2=54949&view=diff
— trunk/pixelegg/css/mobile.less (original)
+++ trunk/pixelegg/css/mobile.less Mon Feb 8 15:36:54 2016
@@ -35,6 +35,25 @@
/Smartphones/
@smartphones: ~“only screen and (max-device-width: @{smartphone-max}) and (min-width: @{smartphone-min})”;
+@keyframes fw-firstload {
- 0%, 20%, 50%, 80%, 100% {
-
transform:translateY(0); -
-webkit-transform: translateY(0); -
-moz-transform:translateY(0); - }
- 40% {
-
transform: translateY(-30px); -
-webkit-transform: translateY(-30px); -
-moz-transform: translateY(-30px); - }
- 60% {
-
transform: translateY(-15px); -
-webkit-transform: translateY(-15px); -
-moz-transform: translateY(-15px); - }
+}
@media all {
body{
@@ -55,7 +74,32 @@
}
-
#egw_fw_firstload { -
position: absolute; -
top: 0; -
left: 0; -
bottom: 0; -
.background_color_egw_normal; -
height: 100%; -
width: 100%; -
&:before{ -
content:""; -
display: inline-block; -
position: absolute; -
width: 100%; -
height: 100%; -
background-image: url(/egroupware/phpgwapi/templates/default/images/logo64x64.png); -
background-position: center; -
background-repeat: no-repeat; -
background-size: 64px; -
-webkit-animation: fw-firstload 1s infinite; -
animation: fw-firstload 1s infinite; -
-moz-animation: fw-firstload 1s infinite; -
} -
} -
//################### //# # //# Grid & NM #
Modified: trunk/pixelegg/head_mobile.tpl
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/head_mobile.tpl?rev=54949&r1=54948&r2=54949&view=diff
— trunk/pixelegg/head_mobile.tpl (original)
+++ trunk/pixelegg/head_mobile.tpl Mon Feb 8 15:36:54 2016
@@ -46,5 +46,6 @@
-
<div id="egw_fw_firstload"></div> <div id="egw_fw_footer">{powered_by}</div>
Modified: trunk/pixelegg/inc/class.pixelegg_framework.inc.php
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/inc/class.pixelegg_framework.inc.php?rev=54949&r1=54948&r2=54949&view=diff
— trunk/pixelegg/inc/class.pixelegg_framework.inc.php (original)
+++ trunk/pixelegg/inc/class.pixelegg_framework.inc.php Mon Feb 8 15:36:54 2016
@@ -170,8 +170,9 @@
body button.plus_button,
body div.et2_nextmatch .search .nm_action_header,
body div.et2_nextmatch .search .nm_toggle_header,
-body div.et2_nextmatch .search .nm_favorites_button ,
-body .dialogHeadbar{
+body div.et2_nextmatch .search .nm_favorites_button,
+body .dialogHeadbar,
+body #egw_fw_firstload{
background-color: $color;
}";
}
Site24x7 APM Insight: Get Deep Visibility into Application Performance
APM + Mobile APM + RUM: Monitor 3 App instances at just $35/Month
Monitor end-to-end web transactions and take corrective actions now
Troubleshoot faster and improve end-user experience. Signup Now!
http://pubads.g.doubleclick.net/gampad/clk?id=272487151&iu=/4140
eGroupWare-cvs mailing list
eGroupWare-cvs@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-cvs