From 07fb02a4a2a0e49ec29854532efc90d75a01e7b0 Mon Sep 17 00:00:00 2001
From: Dan Scott <dscott@laurentian.ca>
Date: Mon, 12 Sep 2011 15:35:17 -0400
Subject: [PATCH] CSS versions of the main MyOPAC tabs

We can reuse much of the advanced search tab CSS (imagine that!), so not
only are we getting accessibility and HTTP request wins, we're cutting
down on the size of the CSS to deal with to skin this cat(alogue).

Signed-off-by: Dan Scott <dscott@laurentian.ca>
---
 Open-ILS/src/templates/opac/parts/myopac/base.tt2 | 16 ++++-----
 Open-ILS/web/css/skin/default/opac/style.css      | 44 ++++-------------------
 2 files changed, 15 insertions(+), 45 deletions(-)

diff --git a/Open-ILS/src/templates/opac/parts/myopac/base.tt2 b/Open-ILS/src/templates/opac/parts/myopac/base.tt2
index 6a4e839be4..d0d79ddf50 100644
--- a/Open-ILS/src/templates/opac/parts/myopac/base.tt2
+++ b/Open-ILS/src/templates/opac/parts/myopac/base.tt2
@@ -1,11 +1,11 @@
 [%  WRAPPER "opac/parts/base.tt2" %]
 
 [% myopac_pages = [
-        {url => "main", name => "Account Summary"},
-        {url => "circs", name => "Items Checked Out"},
-        {url => "holds", name => "Holds"},
-        {url => "prefs", name => "Account Preferences"},
-        {url => "lists", name => "My Lists"}
+        {url => "main", name => l("Account Summary")},
+        {url => "circs", name => l("Items Checked Out")},
+        {url => "holds", name => l("Holds")},
+        {url => "prefs", name => l("Account Preferences")},
+        {url => "lists", name => l("My Lists")}
     ];
     skin_root = "../"
 %]
@@ -19,13 +19,13 @@
             <div id="acct_tabs">
                 [%- FOREACH page IN myopac_pages;
                     IF page.url == myopac_page;
-                        cls_which = "on";
+                        cls_which = "acct-tab-on";
                         ctx.page_title = "Your Account - " _ page.name;
                     ELSE;
-                        cls_which = "off";
+                        cls_which = "acct-tab-off";
                     END -%]
                 <a href="[% ctx.opac_root _ '/myopac/' _ page.url %]"
-                    class="acct-[% page.url; '-'; cls_which %] acct-tab"></a>
+                    class="[% cls_which %] acct-tab">[% page.name; %]</a>
                 [% END %]
             </div>
         </div>
diff --git a/Open-ILS/web/css/skin/default/opac/style.css b/Open-ILS/web/css/skin/default/opac/style.css
index 12850b0fab..29227be0e0 100644
--- a/Open-ILS/web/css/skin/default/opac/style.css
+++ b/Open-ILS/web/css/skin/default/opac/style.css
@@ -279,7 +279,7 @@ div.select-wrapper:hover {
 	margin:auto;
 }
 
-#adv_search_tabs a {
+#adv_search_tabs a, #acct_tabs a {
     float: left;
 	text-align: center;
     vertical-align: middle;
@@ -307,7 +307,7 @@ div.select-wrapper:hover {
 	margin:auto;
 }
 
-#acct_tabs a, #acct_fines_tabs a {
+#acct_fines_tabs a {
 	float: left;
 	display: block;
 	height:33px;
@@ -315,44 +315,14 @@ div.select-wrapper:hover {
 }
 
 .acct-tab {
-    background-repeat: no-repeat;
-    background-position: bottom;
     width:156px;
+    background: #9ad0f1;
+    font-weight: bold;
 }
 
-.acct-main-off {
-	background-image:url('/images/acct_summary_off.gif');
-}
-.acct-main-on {
-	background-image:url('/images/acct_summary_on.gif');
-}
-
-.acct-circs-off {
-	background-image:url('/images/acct_checked_out_off.gif');
-}
-.acct-circs-on {
-	background-image:url('/images/acct_checked_out_on.gif');
-}
-
-.acct-holds-off {
-	background-image:url('/images/acct_holds_off.gif');
-}
-.acct-holds-on {
-	background-image:url('/images/acct_holds_on.gif');
-}
-
-.acct-prefs-off {
-	background-image:url('/images/acct_prefs_off.gif');
-}
-.acct-prefs-on {
-	background-image:url('/images/acct_prefs_on.gif');
-}
-
-.acct-lists-off {
-	background-image:url('/images/acct_lists_off.gif');
-}
-.acct-lists-on {
-	background-image:url('/images/acct_lists_on.gif');
+.acct-tab-on {
+    color: #333333;
+    background: white;
 }
 
 #rdetail_header {
-- 
2.11.0