From dbee8c6d2f3f9cc8015df5a64075f2af8c143bf8 Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Thu, 30 Apr 2009 12:05:11 -0500 Subject: [PATCH] Fix for Bug 2713: Opac detail content overlaps when right column extends too far Content-Type: text/plain; charset="utf-8" My proposed fix eliminates the OpacNav column on this page. It puts the "search for this title in..." links into a drop-down menu, and it moves the "similar items" display into a tab along with Holdings, Reviews, etc. --- koha-tmpl/opac-tmpl/prog/en/css/opac.css | 68 ++++++++++++------ .../opac-tmpl/prog/en/modules/opac-detail.tmpl | 74 +++++++++++-------- 2 files changed, 87 insertions(+), 55 deletions(-) diff --git a/koha-tmpl/opac-tmpl/prog/en/css/opac.css b/koha-tmpl/opac-tmpl/prog/en/css/opac.css index 1738054..f3febb3 100644 --- a/koha-tmpl/opac-tmpl/prog/en/css/opac.css +++ b/koha-tmpl/opac-tmpl/prog/en/css/opac.css @@ -429,6 +429,21 @@ a .term { background-image:url(../../images/print.gif); } +#action a#furthersearches { + background : transparent url(../../images/menu-arrow.gif) no-repeat right center; + border : 1px solid #F3F3F3; + margin-left : 5px; + padding : 2px 26px 2px 10px; + text-decoration : none; +} + +#action a#furthersearches:hover { + border-top : 1px solid #FFF; + border-left : 1px solid #FFF; + border-right : 1px solid #979797; + border-bottom : 1px solid #979797; +} + #toolbar a.brief { background-image: url(../../images/brief.gif); } @@ -1380,7 +1395,7 @@ div#menu li.active a:hover { padding: 2px 2px 1px 2px; } -#export,#further,#similars, .detailtagcell { +#export,#further,.detailtagcell { margin-top : .5em; background-color : #F3F3F3; border : 1px solid #E8E8E8; @@ -1410,28 +1425,6 @@ div#menu li.active a:hover { list-style-image : url("../../images/further-bullet.gif"); } -#similars { - background-color : #FFF; - text-align : center; - font-size : 95%; - padding : 0 3px 3px 3px; -} - -#similars ul { - margin : 0; - padding : 0; -} - -#similars li { - list-style : none; - margin : 0; - padding : 0; -} - -#similars li a { - display : block; -} - #amazonreviews h4 { font-size : 90%; margin : 0; @@ -1788,7 +1781,34 @@ table#items th { #action { margin-top: 0; } -.results_summary img { +#similars h4 { + text-align : left; +} +#similars table, +#similars td { + border : 0; + margin : 0; +} +#similars td { + width : 13em; +} +#similars a { + display : block; + font-weight : normal; +} +#furtherm a, +#furtherm a:link, +#furtherm a:visited { + color : #006699; +} +#furtherm h4 { + font-size : 106%; + margin : .1em .5em; +} +#furtherm .bd { + background-color : #F3F3F3; + border:1px solid #DDD; +}.results_summary img { margin : 0 5px; } span.no-image { diff --git a/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tmpl b/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tmpl index d860d5d..f9d3905 100644 --- a/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tmpl +++ b/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tmpl @@ -24,7 +24,22 @@ }); KOHA.Google.GetCoverFromIsbn(); $(".tagbutton").click(KOHA.Tags.add_tag_button); - $("#action").append("
  • Add to Your Cart
  • "); +YAHOO.util.Event.onContentReady("furtherm", function () { + $("#furtherm").css("display","block").css("visibility","hidden"); + + var furthersearchesMenu = new YAHOO.widget.Menu("furtherm"); + furthersearchesMenu.render(); + furthersearchesMenu.cfg.setProperty("context", ["furthersearches", "tr", "br"]); + furthersearchesMenu.subscribe("beforeShow",positionfurthersearchesMenu); + furthersearchesMenu.subscribe("show", furthersearchesMenu.focus); + function positionfurthersearchesMenu() { + furthersearchesMenu.align("tr", "br"); + } + YAHOO.util.Event.addListener("furthersearches", "click", furthersearchesMenu.show, null, furthersearchesMenu); + YAHOO.widget.Overlay.windowResizeEvent.subscribe(positionfurthersearchesMenu); + }); + + $("#action").prepend("
  • Add to Your Cart
  • "); }); //]]> @@ -42,7 +57,7 @@ -