Bug 21851: Improve style of sidebar forms

This patch makes minor changes to staff client CSS in order to improve
the style of forms in sidebars. It adjusts the style of nested fieldsets
and gives more room to list items (and the form fields they contain).

To test, apply the patch and regenerate the staff client CSS
(https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_client)

 - View pages with forms in the left-hand sidebar, especially:
   - Circulation -> Overdues
   - Patrons -> Patrons search results
   - Acquisitions -> Invoices
   - Acquisitions -> Order search results
   - Tools -> Tags

Signed-off-by: David Nind <david@davidnind.com>

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
This commit is contained in:
Owen Leonard 2020-09-26 19:44:25 +00:00 committed by Jonathan Druart
parent 36975a1438
commit f53606b600
3 changed files with 28 additions and 9 deletions

View File

@ -132,17 +132,36 @@ aside {
fieldset {
&.brief {
margin: 0 0 1em 0;
padding: .4em .7em;
button + button,
input + input {
margin-left: 5px;
}
fieldset {
margin: 0;
padding: .5em 0;
border-width: 1px;
border-radius: 0;
margin: 0 0 .5em 0;
padding: .5em;
legend {
font-size: 95%;
margin: 0;
}
&.action {
margin-left: 0;
padding: .5em 0;
}
}
input, select {
height: calc(1.5em + .75rem + 2px);
}
label {
margin: .5em 0 0 0;
}
li {

View File

@ -156,9 +156,9 @@
<legend>Search orders</legend>
[% END %]
[% INCLUDE 'filter-orders.inc' %]
<input type="hidden" name="do_search" value="1" />
<fieldset class="action"><input type="submit" value="Search" /></fieldset>
</fieldset>
<input type="hidden" name="do_search" value="1" />
<fieldset class="action"><input type="submit" value="Search" /></fieldset>
</form>
[% END %]

View File

@ -119,14 +119,14 @@
<form method="get" id="searchform">
<input type="hidden" id="firstletter_filter" value="" />
<fieldset class="brief">
<h3>Filters</h3>
<h3>Search patrons</h3>
<ol>
<li>
<label for="searchmember_filter">Search:</label>
<label for="searchmember_filter">Search for:</label>
<input type="text" id="searchmember_filter" value="[% searchmember | html %]"/>
</li>
<li>
<label for="searchfieldstype_filter">Search fields:</label>
<label for="searchfieldstype_filter">Search field:</label>
<select name="searchfieldstype" id="searchfieldstype_filter">
[% pref_fields = Koha.Preference('DefaultPatronSearchFields').split(',') %]
[% default_fields = [ 'standard', 'surname', 'cardnumber', 'email', 'borrowernumber', 'userid', 'phone', 'address', 'dateofbirth', 'sort1', 'sort2' ] %]
@ -155,7 +155,7 @@
</select>
</li>
<li>
<label for="categorycode_filter">Category:</label>
<label for="categorycode_filter">Patron category:</label>
[% SET categories = Categories.all() %]
<select id="categorycode_filter">
<option value="">Any</option>