extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-10-06 10:02:21 +02:00
Code Issues 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())
{
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 @@ var et2_nextmatch_header_bar = et2_DOMWidget.extend(et2_INextmatchHeader,
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);

17
pixelegg/css/mobile.css
View File

@ -7760,6 +7760,23 @@ span.egw_tutorial_title {
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%;

17
pixelegg/css/mobile.less
View File

@ -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] {