Bug 31943: Date inputs wider than other inputs
authorOwen Leonard <oleonard@myacpl.org>
Thu, 27 Oct 2022 16:25:05 +0000 (16:25 +0000)
committerTomas Cohen Arazi <tomascohen@theke.io>
Thu, 3 Nov 2022 12:03:45 +0000 (09:03 -0300)
commita9b0917179ca397873c2b7fea1e5489bc7561b59
tree2a30914cb0883d89e5f1fe19bae1867bad8b17a2
parente1a02dde8f7dbb09172071ebaec1338d58c2634f
Bug 31943: Date inputs wider than other inputs

This patch sets a width on Flatpickr instances so that they better match
the typical width of a text input field.

The patch also corrects the "X" ("clear date") link color to return it
to the original red color. In doing this I've defined a new
$warning-text-color variable and replaced other instances of #CC0000
with this variable.

I've also tweaked the appearance of the Flatpickr shortcut links
("Today," "Tomorrow," etc) so that they match other links in Koha.

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

- Go to patrons and locate a patron record.
- Edit the patron.
- In the patron entry form, confirm that the "Date of birth" field
  matches the width of the text fields around it.
- The "X" should be red.
- Click the date of birth field to trigger the calendar popup.
- The "Yesterday" and "Today" links should be colored the default green
  seen elsewhere in the staff interface.

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
koha-tmpl/intranet-tmpl/prog/css/src/_flatpickr.scss
koha-tmpl/intranet-tmpl/prog/css/src/_variables.scss
koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss