jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

compromise for tag search autoexpansion #3310

Browse Source
This commit is contained in:
r888888888
2017-10-18 14:42:25 -07:00
parent 8e285a0e29
commit 83bfe3ee10
3 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/common/010_reset.scss
View File

@@ -122,8 +122,7 @@ select,
textarea { textarea {
font-size: 100%; font-size: 100%;
margin: 0; margin: 0;
vertical-align: baseline; vertical-align: middle;
*vertical-align: middle;
} }
button, button,

2
app/assets/stylesheets/common/main_layout.scss
View File

@@ -39,6 +39,8 @@ div#page {
input[type=text] { input[type=text] {
width: 8em; width: 8em;
z-index: 1000;
position: relative;
} }
} }

29
app/views/posts/partials/common/_search.html.erb
View File

@@ -6,7 +6,7 @@
<section id="search-box"> <section id="search-box">
<h1>Search</h1> <h1>Search</h1>
<%= form_tag(path, :method => "get") do %> <%= form_tag(path, :method => "get") do %>
<%= text_area_tag("tags", tags, :rows => 1, :cols => 15, :id => tags_dom_id, :data => { :autocomplete => "tag-query" }) %> <%= text_field_tag("tags", tags, :size => 30, :id => tags_dom_id, :data => { :autocomplete => "tag-query" }) %>
<% if params[:raw] %> <% if params[:raw] %>
<%= hidden_field_tag :raw, params[:raw] %> <%= hidden_field_tag :raw, params[:raw] %>
<% end %> <% end %>
@@ -29,19 +29,18 @@
<% end %> <% end %>
</section> </section>
<%= content_for(:html_header) do %> <% content_for(:html_header) do %>
<script> <script>
$(function() { $(function() {
$("#tags").scroll(function(e) { $("#tags").on("keypress autocompleteclose", function(e) {
var rows = parseInt($(e.target).attr("rows")); if (!$(this).data("fakeWidth")) {
$(e.target).attr('rows', rows + 1); $(this).data("fakeWidth", $('<span>').hide().appendTo(document.body));
$(e.target).css("width", "100%"); }
var width = $(this).data("fakeWidth").text($(this).val()).css('font', $(this).css("font")).width() + 15;
if (width > $(this).width()) {
$(this).width(width);
}
});
}); });
</script>
$("#tags").keydown("return", function(e) {
$("#search-box form").submit();
e.preventDefault();
});
});
</script>
<% end %> <% end %>