Attachment 107426 Details for Bug 26061 – Bug 26061: Improve style of sidebar datepickers

[patch] Bug 26061: Improve style of sidebar datepickers

Bug-26061-Improve-style-of-sidebar-datepickers.patch (text/plain), 1.69 KB, created by PTFS Europe Sandboxes on 2020-07-27 13:54:53 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: PTFS Europe Sandboxes

Created: 2020-07-27 13:54:53 UTC

Size: 1.69 KB

patch

obsolete

>From a7c4a03479edc5b7fe0877813066907cf474f81e Mon Sep 17 00:00:00 2001
>From: Owen Leonard <oleonard@myacpl.org>
>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
>
>Signed-off-by: Sally <sally.healey@cheshiresharedservices.gov.uk>
>---
> 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

Actions: View | Diff | Splinter Review

Attachments on bug 26061: 107359 | 107426 | 107541