doc/bugs/Impossible_to_resize_text_input_in_search_results.mdwn

   1 While working on the [Tails website](https://tails.boum.org/), I didn't
   2 managed to resize the text input on top of the search results.
   3
   4 This is problematic with our layout and it might be the same for others.
   5 For example, reducing a bit the width of the browser on [this
   6 page](https://tails.boum.org/ikiwiki.cgi?P=testing) makes the search
   7 results jump at the bottom of the page since the text input is wider
   8 (size=65 by default) than the body of the page when side by side with
   9 the sidebar.
  10
  11 Having CSS selectors to style the elements of this form would solve our
  12 problem.
  13
  14 Here is a patch:
  15
  16     From c4c6c9bf3b296c2db10d6fb9e6421d82f341b1cf Mon Sep 17 00:00:00 2001
  17     From: sajolida <sajolida@pimienta.org>
  18     Date: Sun, 9 Nov 2014 16:48:33 +0100
  19     Subject: [PATCH] Add classes to form in search results
  20
  21     This is needed to style it, for example to reduce the width of the text
  22     input and prevent layout issues.
  23     ---
  24      templates/searchquery.tmpl | 4 ++--
  25      1 file changed, 2 insertions(+), 2 deletions(-)
  26
  27     diff --git a/templates/searchquery.tmpl b/templates/searchquery.tmpl
  28     index 15bc78e..6277266 100644
  29     --- a/templates/searchquery.tmpl
  30     +++ b/templates/searchquery.tmpl
  31     @@ -33,8 +33,8 @@ $def{NEXT,$if{$ne{$last,$msize},<INPUT TYPE=submit NAME="&gt;" VALUE="Next">}}
  32
  33      <FORM NAME=P METHOD=GET
  34      ACTION="$html{$env{CGIURL}}" TARGET="_top">
  35     -<div style="text-align:center">
  36     -<INPUT NAME=P VALUE="$html{$query}" SIZE=65>
  37     +<div class="searchquery" style="text-align:center">
  38     +<INPUT class="searchbox" NAME=P VALUE="$html{$query}" SIZE=65>
  39      <INPUT TYPE=SUBMIT VALUE="Search">
  40      $env{HELPLINK}
  41      <hr>
  42     --
  43     2.1.1