From 9c7051d889deeea1d5015c809f5dad279a9a2e30 Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Fri, 24 Jul 2020 15:59:42 +0000 Subject: [PATCH] Bug 26061: Improve style of sidebar datepickers This patch makes a small change to the staff interface CSS so that datepicker form fields in sidebar forms don't force the datepicker icon onto a second line. The change uses the CSS calc() function to specify that form fields with a .hasDatepicker class (dynamically added by jqueryUI) have a width of 100% minus 20 pixels, leaving room for the datepicker icon. To test, apply the patch and rebuild the staff interface CSS (https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_interface). - View a page in the staff interface which has a datepicker field in a sidebar form and confirm that the icon stays on the same line as the firm field at varying browser widths. Examples: - Reports -> Saved SQL reports - Circulation -> Overdues - Acquisitions -> Late orders --- koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss index bf57675f2f..03483fbcc1 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss @@ -193,6 +193,11 @@ aside { [type="text"] { width: 100%; } + + .hasDatepicker { + margin-right: 3px; + width: calc(100% - 20px); + } } } } -- 2.11.0