holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Mobile theme W.I.P.:

Browse Source 
- Add application name indicator for header
This commit is contained in:
Hadi Nategh 2016-02-08 10:25:58 +00:00
parent cf83bdbd50
commit 36c97ec7e9
3 changed files with 42 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
etemplate/js/et2_extension_nextmatch.js
View File

@ -2323,6 +2323,13 @@ var et2_nextmatch_header_bar = et2_DOMWidget.extend(et2_INextmatchHeader,
if (egwIsMobile()) if (egwIsMobile())
{ {
jQuery(this.div).css({display:'inline-block'}).addClass('nm_header_hide'); 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 // toggle header
// add new button // add new button
this.fav_span = jQuery(document.createElement('div')) this.fav_span = jQuery(document.createElement('div'))
@ -2342,7 +2349,7 @@ var et2_nextmatch_header_bar = et2_DOMWidget.extend(et2_INextmatchHeader,
this.action_header = jQuery(document.createElement('button')) this.action_header = jQuery(document.createElement('button'))
.addClass('nm_action_header') .addClass('nm_action_header')
.click (function(e){ .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); .prependTo(this.search_box);

17
pixelegg/css/mobile.css
View File

@ -7760,6 +7760,23 @@ span.egw_tutorial_title {
height: 50px; height: 50px;
z-index: 2; 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 { body .et2_nextmatch .header_row_right {
height: 50px; height: 50px;
width: 100%; width: 100%;

17
pixelegg/css/mobile.less
View File

@ -1319,6 +1319,23 @@
z-index: 2; 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 { .header_row_right {
div[id$=favorite_wrapper] { div[id$=favorite_wrapper] {