From 77c01470c2b9075bc8873c6caa3ec8e72cfa9c6d Mon Sep 17 00:00:00 2001
From: Dan Scott <dscott@laurentian.ca>
Date: Mon, 12 Sep 2011 16:41:27 -0400
Subject: [PATCH] CSS-ize current circ and circulation history tabs
More accessible. More win.
Signed-off-by: Dan Scott <dscott@laurentian.ca>
---
.../src/templates/opac/myopac/circ_history.tt2 | 9 +++---
Open-ILS/src/templates/opac/myopac/circs.tt2 | 10 +++----
Open-ILS/web/css/skin/default/opac/style.css | 35 ++++++++++++++++++----
3 files changed, 37 insertions(+), 17 deletions(-)
diff --git a/Open-ILS/src/templates/opac/myopac/circ_history.tt2 b/Open-ILS/src/templates/opac/myopac/circ_history.tt2
index feb5bfac12..4bb348cd63 100644
--- a/Open-ILS/src/templates/opac/myopac/circ_history.tt2
+++ b/Open-ILS/src/templates/opac/myopac/circ_history.tt2
@@ -9,13 +9,12 @@
<div style="padding:0px;">
<div id="acct_checked_tabs" style="padding-bottom: 12px;color:#666;">
- <div class="align selected">
- <a href='circs'><img src="[% ctx.media_prefix %]/images/sub_checked_out_off.jpg"/></a>
- </div>
<div class="align">
- <img src="[% ctx.media_prefix %]/images/sub_checked_hist_on.jpg"/>
+ <a href='circs'>[% l("Current Items Checked Out") %]</a>
+ </div>
+ <div class="align selected">
+ <a href="#">[% l("Check Out History") %]</a>
</div>
- <div class="clear-both"></div>
</div>
<div class="header_middle">
diff --git a/Open-ILS/src/templates/opac/myopac/circs.tt2 b/Open-ILS/src/templates/opac/myopac/circs.tt2
index 4898116a23..c6312e3ed6 100644
--- a/Open-ILS/src/templates/opac/myopac/circs.tt2
+++ b/Open-ILS/src/templates/opac/myopac/circs.tt2
@@ -2,17 +2,15 @@
PROCESS "opac/parts/misc_util.tt2";
WRAPPER "opac/parts/myopac/base.tt2";
myopac_page = "circs" %]
-<div id='myopac_checked_div' style="padding:0px;">
+<div id='myopac_checked_div'>
- <div id="acct_checked_tabs" style="padding-bottom: 12px;color:#666;">
+ <div id="acct_checked_tabs">
<div class="align selected">
- <img src="[% ctx.media_prefix %]/images/sub_checked_out_on.jpg" />
+ <a href="#">[% l("Current Items Checked Out") %]</a>
</div>
<div class="align">
- <a href="circ_history"><img
- src="[% ctx.media_prefix %]/images/sub_checked_hist_off.jpg" /></a>
+ <a href="circ_history">[% l("Check Out History") %]</a>
</div>
- <div class="clear-both"></div>
</div>
<div class="header_middle">
diff --git a/Open-ILS/web/css/skin/default/opac/style.css b/Open-ILS/web/css/skin/default/opac/style.css
index b6d618005d..adf9ecda69 100644
--- a/Open-ILS/web/css/skin/default/opac/style.css
+++ b/Open-ILS/web/css/skin/default/opac/style.css
@@ -273,23 +273,24 @@ div.select-wrapper:hover {
color: white;
font-size: 10px;
}
-#adv_search_tabs, #acct_tabs, #acct_fines_tabs {
+
+#adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs {
height: 40px;
width:974px;
margin:auto;
}
-#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
+#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a {
float: left;
- text-align: center;
+ text-align: center;
vertical-align: middle;
- display: block;
- margin: 10px 7px 10px 0px;
+ display: block;
+ margin: 10px 7px 10px 0px;
padding: 10px 0px 10px 0px;
-moz-border-radius: 5%;
border-radius: 5%;
font-weight: bold;
- width:156px;
+ width:156px;
color: 45709b;
background: #9ad0f1;
font-weight: bold;
@@ -309,6 +310,22 @@ div.select-wrapper:hover {
background: #9ad0f1;
}
+#acct_checked_tabs a {
+ margin-top: 0px;
+ font-size: 10px;
+ color: #333333;
+}
+
+#acct_checked_tabs div.selected a {
+ background: #e1e1e1;
+ color: #333333;
+}
+
+#acct_checked_tabs {
+ padding-bottom: 12px;
+ color: #666;
+}
+
#rdetail_header {
font-size:14px;
font-weight:bold;
@@ -997,3 +1014,9 @@ a.opac-button {
position: relative;
top: 10px;
}
+
+#myopac_checked_div {
+ padding: 0px;
+}
+
+
--
2.11.0