mobile.less

hnategh-2 2016-02-08 10:25:58 UTC #1

Author: hnategh
New Revision: 54945

URL: http://svn.stylite.de/viewvc/egroupware?rev=54945&view=rev
Log:
Mobile theme W.I.P.:

Add application name indicator for header

Modified:
trunk/etemplate/js/et2_extension_nextmatch.js
trunk/pixelegg/css/mobile.css
trunk/pixelegg/css/mobile.less

Modified: trunk/etemplate/js/et2_extension_nextmatch.js
URL: http://svn.stylite.de/viewvc/egroupware/trunk/etemplate/js/et2_extension_nextmatch.js?rev=54945&r1=54944&r2=54945&view=diff

— trunk/etemplate/js/et2_extension_nextmatch.js (original)
+++ trunk/etemplate/js/et2_extension_nextmatch.js Mon Feb 8 11:25:58 2016
@@ -2323,6 +2323,13 @@
if (egwIsMobile())
{
jQuery(this.div).css({display:‘inline-block’}).addClass(‘nm_header_hide’);
+

```
  	//indicates appname in header
```

  	jQuery(document.createElement('div'))

```
  			.addClass('nm_appname_header')
```
```
  			.text(egw.app_name())
```
```
  			.appendTo(this.search_box);
```

  	// toggle header 
  	// add new button
  	this.fav_span = jQuery(document.createElement('div'))

@@ -2342,7 +2349,7 @@
this.action_header = jQuery(document.createElement(‘button’))
.addClass(‘nm_action_header’)
.click (function(e){

  				jQuery('tr.selected',self.nextmatch.div).trigger({type:'taphold',which:3,originalEvent:e});

  				jQuery('tr.selected',self.nextmatch.div).trigger({type:'contextmenu',which:3,originalEvent:e});
  			})
  			.prependTo(this.search_box);

Modified: trunk/pixelegg/css/mobile.css
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/css/mobile.css?rev=54945&r1=54944&r2=54945&view=diff

— trunk/pixelegg/css/mobile.css (original)
+++ trunk/pixelegg/css/mobile.css Mon Feb 8 11:25:58 2016
@@ -7760,6 +7760,23 @@
height: 50px;
z-index: 2;
}

body .et2_nextmatch .search div.nm_appname_header {
width: 100%;
position: absolute;
top: 0;
height: 50px;
left: 0;
right: 0;
bottom: 0;
color: white;
font-size: 14pt;
font-weight: bold;
opacity: 0.2;
text-align: center;
display: inline;
padding-top: 13px;
z-index: -1;
}
body .et2_nextmatch .header_row_right {
height: 50px;
width: 100%;

Modified: trunk/pixelegg/css/mobile.less
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/css/mobile.less?rev=54945&r1=54944&r2=54945&view=diff

— trunk/pixelegg/css/mobile.less (original)
+++ trunk/pixelegg/css/mobile.less Mon Feb 8 11:25:58 2016
@@ -1319,6 +1319,23 @@
z-index: 2;
}
}

```
  		div.nm_appname_header {
```
```
  			width: 100%;
```
```
  			position: absolute;
```
```
  			top: 0;
```
```
  			height: 50px;
```
```
  			left:0;
```
```
  			right:0;
```
```
  			bottom:0;
```
```
  			color: white;
```
```
  			font-size: 14pt;
```
```
  			font-weight: bold;
```
```
  			opacity:0.2;
```
```
  			text-align: center;
```
```
  			display: inline;
```
```
  			padding-top: 13px;
```
```
  			z-index:-1;
```

  		}
  	}
  	.header_row_right {
  		div[id$=favorite_wrapper] {

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