extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-22 14:41:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

Mobile theme:

Browse Source 
- Do not let user mess with search filter and make searchbox available as last filter state
- Implement indicator of open state for nm header/ contextmenu
This commit is contained in:
Hadi Nategh 2016-03-10 15:45:02 +00:00
parent 035783c6d2
commit e481c2d133
4 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
etemplate/js/et2_extension_nextmatch.js
View File

@ -2303,7 +2303,7 @@ var et2_nextmatch_header_bar = (function(){ "use strict"; return et2_DOMWidget.e
// searchbox widget options // searchbox widget options
var searchbox_options = { var searchbox_options = {
id:"search", id:"search",
overlay:(typeof settings.searchbox != 'undefined' && typeof settings.searchbox.overlay != 'undefined')?settings.searchbox.overlay:Boolean(egwIsMobile()), overlay:(typeof settings.searchbox != 'undefined' && typeof settings.searchbox.overlay != 'undefined')?settings.searchbox.overlay:false,
onchange:function(){ onchange:function(){
self.nextmatch.applyFilters({search: this.get_value()}); self.nextmatch.applyFilters({search: this.get_value()});
}, },

4
etemplate/js/et2_widget_textbox.js
View File

@ -490,6 +490,7 @@ var et2_searchbox = (function(){ "use strict"; return et2_textbox.extend(
}, },
blur: function(event){ blur: function(event){
if (egwIsMobile()) return;
if (!event.relatedTarget || !jQuery(event.relatedTarget.parentNode).hasClass('et2_searchbox')) if (!event.relatedTarget || !jQuery(event.relatedTarget.parentNode).hasClass('et2_searchbox'))
{ {
self._show_hide((!self.options.overlay && self.get_value())); self._show_hide((!self.options.overlay && self.get_value()));
@ -545,8 +546,7 @@ var et2_searchbox = (function(){ "use strict"; return et2_textbox.extend(
*/ */
_searchToggleState:function() _searchToggleState:function()
{ {
// Not applied for fix option if (this.options.fix || egwIsMobile()) return;
if (this.options.fix) return;
if (!this.get_value()) if (!this.get_value())
{ {

8
pixelegg/mobile/fw_mobile.css
View File

@ -7437,7 +7437,7 @@ form[id^="tracker-"] .dialogHeadbar {
background-image: url(../images/dots.svg); background-image: url(../images/dots.svg);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
margin-right: 5px; margin-right: 2px;
border-left: 1px solid silver; border-left: 1px solid silver;
border: 0; border: 0;
color: white; color: white;
@ -7456,6 +7456,8 @@ form[id^="tracker-"] .dialogHeadbar {
} }
body .et2_nextmatch .nm-mob-header button.nm_action_header.back { body .et2_nextmatch .nm-mob-header button.nm_action_header.back {
background-image: url(../images/cancelled.svg); background-image: url(../images/cancelled.svg);
-webkit-filter: none!important;
background-color: white !important;
} }
body .et2_nextmatch .nm-mob-header div.nm_favorites_div { body .et2_nextmatch .nm-mob-header div.nm_favorites_div {
background-position: center; background-position: center;
@ -7511,6 +7513,8 @@ form[id^="tracker-"] .dialogHeadbar {
} }
body .et2_nextmatch .nm-mob-header button.nm_toggle_header_on { body .et2_nextmatch .nm-mob-header button.nm_toggle_header_on {
background-image: url(../images/cancelled.svg); background-image: url(../images/cancelled.svg);
-webkit-filter: none!important;
background-color: white !important;
} }
body .et2_nextmatch .nm-mob-header input[type="search"] { body .et2_nextmatch .nm-mob-header input[type="search"] {
width: 50px; width: 50px;
@ -7955,6 +7959,7 @@ form[id^="tracker-"] .dialogHeadbar {
top: 0; top: 0;
outline: none; outline: none;
z-index: 100; z-index: 100;
border-radius: 0;
} }
body .et2_searchbox.expanded span.ui-icon.clear { body .et2_searchbox.expanded span.ui-icon.clear {
top: 0px; top: 0px;
@ -7970,6 +7975,7 @@ form[id^="tracker-"] .dialogHeadbar {
} }
body .et2_searchbox.expanded .flex { body .et2_searchbox.expanded .flex {
width: 100%; width: 100%;
position: absolute;
} }
body img.et2_button_icon[src*="svg"] { body img.et2_button_icon[src*="svg"] {
background: none; background: none;

8
pixelegg/mobile/fw_mobile.less
View File

@ -534,7 +534,7 @@
background-image: url(../images/dots.svg); background-image: url(../images/dots.svg);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
margin-right:5px; margin-right:2px;
border-left:1px solid silver; border-left:1px solid silver;
border:0; border:0;
color: white; color: white;
@ -549,6 +549,8 @@
} }
button.nm_action_header.back { button.nm_action_header.back {
background-image: url(../images/cancelled.svg); background-image: url(../images/cancelled.svg);
-webkit-filter: none!important;
background-color: white !important;
} }
div.nm_favorites_div { div.nm_favorites_div {
background-position: center; background-position: center;
@ -607,6 +609,8 @@
} }
button.nm_toggle_header_on { button.nm_toggle_header_on {
background-image: url(../images/cancelled.svg); background-image: url(../images/cancelled.svg);
-webkit-filter: none!important;
background-color: white !important;
} }
input[type="search"] { input[type="search"] {
width: 50px; width: 50px;
@ -1064,6 +1068,7 @@
top:0; top:0;
outline: none; outline: none;
z-index: 100; z-index: 100;
border-radius: 0;
} }
span.ui-icon.clear{ span.ui-icon.clear{
top: 0px; top: 0px;
@ -1079,6 +1084,7 @@
} }
.flex{ .flex{
width:100%; width:100%;
position: absolute;
} }
} }