Adds base64 background search icon.
All inputs of type `search` will have the gray background and search icon centered. Because the search magnifier is a bg image, I had to hide it with `[value=""]`. I added a little javascript to make sure each input always has it's own value.
This commit is contained in:
parent
07ee83932f
commit
d3f24a2221
7 changed files with 44 additions and 15 deletions
|
@ -203,4 +203,13 @@ $ ->
|
|||
form = btn.closest("form")
|
||||
new ConfirmDangerModal(form, text)
|
||||
|
||||
$('input[type="search"]').each ->
|
||||
$this = $(this)
|
||||
$this.attr 'value', $this.val()
|
||||
return
|
||||
|
||||
$(document).on 'keyup', 'input[type="search"]' , (e) ->
|
||||
$this = $(this)
|
||||
$this.attr 'value', $this.val()
|
||||
|
||||
new Aside()
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -108,16 +108,10 @@ header {
|
|||
|
||||
.search-input {
|
||||
width: 220px;
|
||||
background-image: image-url("icon-search.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 195px;
|
||||
@include input-big;
|
||||
|
||||
&:focus {
|
||||
@include box-shadow(none);
|
||||
outline: none;
|
||||
border-color: #DDD;
|
||||
background-color: #FFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -49,11 +49,6 @@
|
|||
.issue-search-form {
|
||||
margin: 0;
|
||||
height: 24px;
|
||||
|
||||
.issue_search {
|
||||
border: 1px solid #DDD !important;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
}
|
||||
|
||||
form.edit-issue {
|
||||
|
|
|
@ -171,7 +171,7 @@ module ApplicationHelper
|
|||
|
||||
def search_placeholder
|
||||
if @project && @project.persisted?
|
||||
'Search in this project'
|
||||
'Search'
|
||||
elsif @snippet || @snippets || @show_snippets
|
||||
'Search snippets'
|
||||
elsif @group && @group.persisted?
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
= form_tag(path, method: :get, id: "issue_search_form", class: 'pull-left issue-search-form') do
|
||||
.append-right-10.hidden-xs.hidden-sm
|
||||
= search_field_tag :issue_search, params[:issue_search], { placeholder: 'Filter by title or description', class: 'form-control issue_search search-text-input', spellcheck: false }
|
||||
= search_field_tag :issue_search, params[:issue_search], { placeholder: 'Filter', class: 'form-control issue_search search-text-input', spellcheck: false }
|
||||
= hidden_field_tag :state, params['state']
|
||||
= hidden_field_tag :scope, params['scope']
|
||||
= hidden_field_tag :assignee_id, params['assignee_id']
|
||||
|
|
|
@ -163,7 +163,7 @@ class Spinach::Features::ProjectWiki < Spinach::FeatureSteps
|
|||
end
|
||||
|
||||
step 'I search for Wiki content' do
|
||||
fill_in "Search in this project", with: "wiki_content"
|
||||
fill_in "Search", with: "wiki_content"
|
||||
click_button "Search"
|
||||
end
|
||||
|
||||
|
|
Loading…
Reference in a new issue