From 4df8e3ef02b4490dc813b76b853e3fb706d4a301 Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Mon, 29 Mar 2021 10:33:13 +0000 Subject: [PATCH] Bug 28044: Increase specificity of calendar tables CSS This patch adds increased specificity to the CSS which should add colors to the tables of holidays. The default DataTable CSS was overriding the custom color-coding. This patch also moves the calendar CSS into a separate file. To test, apply the patch and go to Tools -> Calendar. If necessary, add at least one of the following: - Unique holiday - Holiday repeating weekly - Holiday repeating monthly - Holiday exception In the table listing each kind of holiday, the color of the table header should match the colors in the "Key" section under Hints. The color should be correct regardless of how the table is sorted. Signed-off-by: David Nind Signed-off-by: Katrin Fischer Signed-off-by: Jonathan Druart --- koha-tmpl/intranet-tmpl/prog/css/calendar.css | 159 ++++++++++++++++++ .../prog/en/modules/tools/holidays.tt | 20 +-- 2 files changed, 160 insertions(+), 19 deletions(-) create mode 100644 koha-tmpl/intranet-tmpl/prog/css/calendar.css diff --git a/koha-tmpl/intranet-tmpl/prog/css/calendar.css b/koha-tmpl/intranet-tmpl/prog/css/calendar.css new file mode 100644 index 0000000000..fd81d6fbed --- /dev/null +++ b/koha-tmpl/intranet-tmpl/prog/css/calendar.css @@ -0,0 +1,159 @@ +.key { + padding: 3px; + white-space: nowrap; + line-height: 230%; +} + +.ui-datepicker { + font-size: 150%; +} + +.ui-datepicker th, +.ui-datepicker .ui-datepicker-title select { + font-size: 80%; +} + +.ui-datepicker td a { + padding: .5em; +} + +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { + font-size: 80%; +} + +.key { + padding: 3px; + white-space: nowrap; + line-height: 230%; +} + +.normalday { + background-color: #EDEDED; + color: #000; + border: 1px solid #BCBCBC; +} + +.exception, +#holidayexceptions th.exception { + background-color: #B3D4FF; + color: #000; + border: 1px solid #BCBCBC; +} + +.holiday, +#holidaysunique th.holiday { + background-color: #FFAEAE; + color: #000; + border: 1px solid #BCBCBC; +} + +.repeatableweekly, +#holidayweeklyrepeatable th.repeatableweekly { + background-color: #FFFF99; + color: #000; + border: 1px solid #BCBCBC; +} + +.repeatableyearly, +#holidaysyearlyrepeatable th.repeatableyearly { + background-color: #FFCC66; + color: #000; + border: 1px solid #BCBCBC; +} + +td.exception a.ui-state-default { + background: #b3d4ff none; + color: #000; + border: 1px solid #BCBCBC; +} + +td.holiday a.ui-state-default { + background: #FFAEAE none; + color: #000; + border: 1px solid #BCBCBC; +} + +td.repeatableweekly a.ui-state-default { + background: #FFFF99 none; + color: #000; + border: 1px solid #BCBCBC; +} + +td.repeatableyearly a.ui-state-default { + background: #FFCC66 none; + color: #000; + border: 1px solid #BCBCBC; +} + +.information { + z-index: 1; + background-color: #DCD2F1; + width: 300px; + display: none; + border: 1px solid #000000; + color: #000000; + font-size: 8pt; + font-weight: bold; + background-color: #FFD700; + cursor: pointer; + padding: 2px; +} + +.panel { + z-index: 1; + display: none; + border: 3px solid #CCC; + padding: 3px; + margin-top: .3em; + background-color: #FEFEFE; +} + +fieldset.brief { + border: 0; + margin-top: 0; +} + +#showHoliday { + margin: .5em 0; +} + +h1 select { + width: 20em; +} + +fieldset.brief ol { + font-size: 100%; +} + +fieldset.brief li, +fieldset.brief li.radio { + padding: 0.2em 0; +} + +.help { + margin: .3em 0; + border: 1px solid #EEE; + padding: .3em .7em; + font-size: 90%; +} + +#holidayweeklyrepeatable, +#holidaysyearlyrepeatable, +#holidaysunique, +#holidayexceptions { + font-size: 90%; + margin-bottom: 1em; +} + +.calendar td, +.calendar th, +.calendar .button, +.calendar tbody .day { + padding: .7em; + font-size: 110%; +} + +.calendar { + width: auto; + border: 0; +} diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/tools/holidays.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/tools/holidays.tt index e4eec724aa..37e0f8aa0f 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/modules/tools/holidays.tt +++ b/koha-tmpl/intranet-tmpl/prog/en/modules/tools/holidays.tt @@ -5,25 +5,7 @@ [% INCLUDE 'doc-head-open.inc' %] Koha › Tools › [% Branches.GetName( branch ) | html %] calendar [% INCLUDE 'doc-head-close.inc' %] - +[% Asset.css("css/calendar.css") | $raw %] [% INCLUDE 'header.inc' %] -- 2.39.5