From a243ead7e5d5510eddd43ea7386af74f85f2f0d6 Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Fri, 28 Jun 2013 14:11:48 -0400 Subject: [PATCH] [SIGNED-OFF] Bug 10496 - CCSR theme OPAC tabs to not show correct active state When jQueryUI was updated in the CCSR theme the corresponding CSS changes were not copied over at the same time, causing style problems with jQueryUI widgets. This patch makes the necessary changes. To test, apply the patch, clear your browser cache, and view any page which uses jQueryUI tabs (advanced search, bibliographic detail page). Tabs should look correct and correctly show which tab is active. Signed-off-by: Nicole C. Engard --- koha-tmpl/opac-tmpl/ccsr/en/css/opac.css | 37 ++++++++++++++++++++++------- 1 files changed, 28 insertions(+), 9 deletions(-) diff --git a/koha-tmpl/opac-tmpl/ccsr/en/css/opac.css b/koha-tmpl/opac-tmpl/ccsr/en/css/opac.css index 9f9979c..977ff90 100644 --- a/koha-tmpl/opac-tmpl/ccsr/en/css/opac.css +++ b/koha-tmpl/opac-tmpl/ccsr/en/css/opac.css @@ -2468,8 +2468,18 @@ span.sep { background-position : -7px -126px; } +/* jQueryUI Core */ + +.ui-widget-content { border: 1px solid #AAA; background: #ffffff none; color: #222222; } +.ui-widget-header { border: 1px solid #AAA; background: #E6F0F2 none; color: #222222; font-weight: bold; } +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #AAA; background: #F4F8F9 none; font-weight: normal; color: #555555; } +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #AAA; background: #E6F0F2 none; font-weight: normal; color: #212121; } +.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff none; font-weight: normal; color: #212121; } +.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee; color: #363636; } +.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; } + /* jQuery UI standard tabs */ -.ui-tabs-nav .ui-tabs-selected a, +.ui-tabs-nav .ui-tabs-active a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, @@ -2478,11 +2488,6 @@ span.sep { outline: 0 none; } -.ui-tabs .ui-tabs-nav li.ui-tabs-selected { - background-color : #FFF; - border : 1px solid #D8D8D8; -} - .ui-widget, .ui-widget input, .ui-widget select, @@ -2491,6 +2496,7 @@ span.sep { font-family : inherit; font-size : inherit; } + ul.ui-tabs-nav li { list-style : none; } @@ -2508,10 +2514,16 @@ ul.ui-tabs-nav li { } .ui-tabs .ui-tabs-nav li { background: #F3F3F3 none; - border: 1px solid #D8D8D8; + border-color: #D8D8D8; margin-right : .4em; } -.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { + +.ui-tabs .ui-tabs-nav li.ui-tabs-active { + background-color : #FFF; + border : 1px solid #D8D8D8; + border-bottom: 0; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active a { color : #000; font-weight : bold; } @@ -2520,7 +2532,7 @@ ul.ui-tabs-nav li { background : #F3F3F3 none; } -.ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover { +.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover { background : #FFF none; } @@ -2664,6 +2676,9 @@ ul.ui-tabs-nav li { /* jQuery UI Datepicker */ +.ui-datepicker table {width: 100%; font-size: .9em; border : 0; border-collapse: collapse; margin:0 0 .4em; } +.ui-datepicker th { background : transparent none; padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } + .ui-datepicker-trigger { vertical-align: middle; margin : 0 3px; @@ -2819,3 +2834,7 @@ a.reviewlink,a.reviewlink:visited { .subjectSearch ul { padding-left: 0px; } + +.branch-info-tooltip { + display: none; +} \ No newline at end of file -- 1.7.2.3