Bug 11810: Input fields in OPAC suggestion form are a bit short (Bootstrap)

The default Bootstrap input size (absent any specific input size or
class) is too short for the suggestion form. This patch adds a Bootstrap
class to fields which need more room and adjusts the OPAC CSS to allow
for better handling of input width at lower screen widths.

To test apply the patch and clear your browser cache if necessary. Open
the "new suggestion" form in the OPAC and confirm that the entry fields
for title, author, publisher, and collection title are sized well.

Adjust the width of your browser window up and down to confirm that the
field sizes adjust well at various screen widths.

Followed test plan. Works as expected.
Signed-off-by: Marc Véron <veron@veron.ch>

Signed-off-by: Katrin Fischer <Katrin.Fischer.83@web.de>
Works nicely, no problems found.

Signed-off-by: Tomas Cohen Arazi <tomascohen@gmail.com>
This commit is contained in:
Owen Leonard 2014-06-27 11:30:17 -04:00 committed by Tomas Cohen Arazi
parent 25193d088a
commit d04f7dd958
2 changed files with 7 additions and 4 deletions

View file

@ -34,12 +34,12 @@
<form action="/cgi-bin/koha/opac-suggestions.pl" method="post">
<fieldset class="rows">
<ol>
<li><label class="required" for="title">Title:</label><input type="text" id="title" name="title" maxlength="255" /></li>
<li><label for="author">Author:</label><input type="text" id="author" name="author" maxlength="80" /></li>
<li><label class="required" for="title">Title:</label><input type="text" id="title" name="title" class="span6" maxlength="255" /></li>
<li><label for="author">Author:</label><input type="text" id="author" name="author" class="span6" maxlength="80" /></li>
<li><label for="copyrightdate">Copyright date:</label><input type="text" id="copyrightdate" name="copyrightdate" size="4" maxlength="4" /></li>
<li><label for="isbn">Standard number (ISBN, ISSN or other):</label><input type="text" id="isbn" name="isbn" maxlength="80" /></li>
<li><label for="publishercode">Publisher:</label><input type="text" id="publishercode" name="publishercode" maxlength="80" /></li>
<li><label for="collectiontitle">Collection title:</label><input type="text" id="collectiontitle" name="collectiontitle" maxlength="80" /></li>
<li><label for="publishercode">Publisher:</label><input type="text" id="publishercode" name="publishercode" class="span6" maxlength="80" /></li>
<li><label for="collectiontitle">Collection title:</label><input type="text" id="collectiontitle" name="collectiontitle" class="span6" maxlength="80" /></li>
<li><label for="place">Publication place:</label><input type="text" id="place" name="place" maxlength="80" /></li>
<li><label for="itemtype">Item type:</label>
<select name="itemtype" id="itemtype">

View file

@ -298,6 +298,9 @@
margin-left : -20px;
margin-right : -20px;
}
.row-fluid input.span6 {
width: 48.9362%;
}
}
@media only screen and (max-width: 767px) {