Attachment 19276 Details for Bug 10496 – Bug 10496 - CCSR theme OPAC tabs to not show correct active state

[patch] Bug 10496 - CCSR theme OPAC tabs to not show correct active state

Bug-10496---CCSR-theme-OPAC-tabs-to-not-show-corre.patch (text/plain), 4.02 KB, created by Owen Leonard on 2013-06-28 18:14:49 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: Owen Leonard

Created: 2013-06-28 18:14:49 UTC

Size: 4.02 KB

patch

obsolete

>From 0c31d5868085a19c98dac7bb5f48f92a2eeb11e4 Mon Sep 17 00:00:00 2001
>From: Owen Leonard <oleonard@myacpl.org>
>Date: Fri, 28 Jun 2013 14:11:48 -0400
>Subject: [PATCH] Bug 10496 - CCSR theme OPAC tabs to not show correct active
> state
>Content-Type: text/plain; charset="utf-8"
>
>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.
>---
> koha-tmpl/opac-tmpl/ccsr/en/css/opac.css |   37 ++++++++++++++++++++++--------
> 1 file 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.9.5

Actions: View | Diff | Splinter Review

Attachments on bug 10496: 19161 | 19276 | 19279 | 19294