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
var searchbox_options = {
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(){
self.nextmatch.applyFilters({search: this.get_value()});
},

View File

@ -7748,7 +7748,7 @@ span.egw_tutorial_title {
margin-left: 0;
}
body .et2_searchbox.expanded button.et2_button {
display: none;
background: none;
}
body .et2_searchbox.expanded input {
width: 100%;
@ -7758,8 +7758,16 @@ span.egw_tutorial_title {
outline: none;
}
body .et2_searchbox.expanded span.ui-icon.clear {
right: 80px;
top: 14px;
top: 0px;
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 {
width: 100%;

View File

@ -961,7 +961,7 @@
height:50px;
margin-left:0;
button.et2_button{
display: none;
background: none;
}
input {
width:100%;
@ -971,8 +971,16 @@
outline: none;
}
span.ui-icon.clear{
right:80px;
top:14px;
top: 0px;
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{
width:100%;