Bug 40557: Fix layout of enrollment period fields in onboarding

This patch makes updates to CSS and markup in order to fix the layout of
the enrollment period fields during the onboarding process.

To test, apply the patch and rebuild the staff interface CSS.

- Drop and recreate your Koha database.
- Restart all services
- Follow the web installer until you reach the onboarding stage "Create
  a patron category."
- The enrollment period fields should look correct.

Sponsored-by: Athens County Public Libraries
Signed-off-by: David Nind <david@davidnind.com>

Signed-off-by: Marcel de Rooy <m.de.rooy@rijksmuseum.nl>
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
This commit is contained in:
Owen Leonard 2025-07-23 15:06:47 +00:00 committed by Lucas Gass
parent c7eae54f82
commit fce45b4279
No known key found for this signature in database
GPG Key ID: 60B447398B0D36CA
2 changed files with 36 additions and 19 deletions

View File

@ -192,6 +192,14 @@ fieldset {
margin-left: 1em;
width: auto;
}
&.form-label {
display: block;
float: none;
margin: 0;
text-align: left;
width: auto;
}
}
span.label {
@ -237,6 +245,18 @@ fieldset {
margin-right: 4em;
margin-top: .5em;
}
.form-control {
width: auto;
}
.enrolmentperioddate {
float: left;
+ .hint {
margin-left: 0;
}
}
}
}

View File

@ -115,25 +115,22 @@
</div>
</li>
<li>
<span class="label">Enrolment period: </span>
<fieldset class="rows">
<ol>
<li> <span class="label"></span><strong>Choose one</strong> </li>
<li>
<label for="enrolmentperiod">In months: </label>
[% IF category.enrolmentperiod %]
<input type="text" inputmode="numeric" pattern="[0-9]*" class="enrolmentperiod" name="enrolmentperiod" id="enrolmentperiod" size="3" value="[% category.enrolmentperiod | html %]" />
[% ELSE %]
<input type="text" inputmode="numeric" pattern="[0-9]*" class="enrolmentperiod" name="enrolmentperiod" id="enrolmentperiod" size="3" value="" />
[% END %]
</li>
<li>
<label for="enrolmentperioddate">Until date: </label>
<input type="text" class="enrolmentperioddate" name="enrolmentperioddate" id="enrolmentperioddate" value="[% category.enrolmentperioddate | html %]" />
<div class="hint">[% INCLUDE 'date-format.inc' dateformat = Koha.Preference('dateformat') %]</div>
</li>
</ol>
</fieldset>
<span class="label">Enrolment period (choose one): </span>
<div style="margin-left: 9rem;">
<div class="mb-3">
<label class="form-label" for="enrolmentperiod">In months</label>
[% IF category.enrolmentperiod %]
<input type="text" inputmode="numeric" pattern="[0-9]*" class="enrolmentperiod" name="enrolmentperiod" id="enrolmentperiod" size="3" value="[% category.enrolmentperiod | html %]" />
[% ELSE %]
<input type="text" inputmode="numeric" pattern="[0-9]*" class="enrolmentperiod" name="enrolmentperiod" id="enrolmentperiod" size="3" value="" />
[% END %]
</div>
<div class="mb-3">
<label class="form-label" for="enrolmentperioddate">Until date</label>
<input type="text" class="enrolmentperioddate" name="enrolmentperioddate" id="enrolmentperioddate" value="[% category.enrolmentperioddate | html %]" />
<div class="hint"> [% INCLUDE 'date-format.inc' dateformat = Koha.Preference('dateformat') %] </div>
</div>
</div>
</li>
</ol>