Mobile theme W.I.P.:

- Fix searchbox icon disappears after closing it
This commit is contained in:
Hadi Nategh 2016-02-23 11:21:48 +00:00
parent 9460e1a2f9
commit ba0b2b8d5b
3 changed files with 23 additions and 7 deletions

View File

@ -2292,7 +2292,7 @@ var et2_nextmatch_header_bar = et2_DOMWidget.extend(et2_INextmatchHeader,
// 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:false, overlay:(typeof settings.searchbox != 'undefined' && typeof settings.searchbox.overlay != 'undefined')?settings.searchbox.overlay:Boolean(egwIsMobile()),
onchange:function(){ onchange:function(){
self.nextmatch.applyFilters({search: this.get_value()}); self.nextmatch.applyFilters({search: this.get_value()});
}, },

View File

@ -7748,7 +7748,7 @@ span.egw_tutorial_title {
margin-left: 0; margin-left: 0;
} }
body .et2_searchbox.expanded button.et2_button { body .et2_searchbox.expanded button.et2_button {
display: none; background: none;
} }
body .et2_searchbox.expanded input { body .et2_searchbox.expanded input {
width: 100%; width: 100%;
@ -7758,8 +7758,16 @@ span.egw_tutorial_title {
outline: none; outline: none;
} }
body .et2_searchbox.expanded span.ui-icon.clear { body .et2_searchbox.expanded span.ui-icon.clear {
right: 80px; top: 0px;
top: 14px; left: -50px;
background-color: white;
height: 49px;
width: 50px;
background-image: url("../images/cancelled.png");
background-position: center;
background-repeat: no-repeat;
border-bottom: 1px solid #e6e6e6;
background-size: 24px 24px;
} }
body .et2_searchbox.expanded .flex { body .et2_searchbox.expanded .flex {
width: 100%; width: 100%;

View File

@ -961,7 +961,7 @@
height:50px; height:50px;
margin-left:0; margin-left:0;
button.et2_button{ button.et2_button{
display: none; background: none;
} }
input { input {
width:100%; width:100%;
@ -971,8 +971,16 @@
outline: none; outline: none;
} }
span.ui-icon.clear{ span.ui-icon.clear{
right:80px; top: 0px;
top:14px; left: -50px;
background-color: white;
height: 49px;
width: 50px;
background-image: url("../images/cancelled.png");
background-position: center;
background-repeat: no-repeat;
border-bottom: 1px solid #e6e6e6;
background-size: 24px 24px;
} }
.flex{ .flex{
width:100%; width:100%;