From: Dan Scott <dscott@laurentian.ca>
Date: Mon, 12 Sep 2011 19:35:17 +0000 (-0400)
Subject: CSS versions of the main MyOPAC tabs
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=07fb02a4a2a0e49ec29854532efc90d75a01e7b0;p=evergreen%2Fpines.git

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>
---

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 {