From 51aae639985e7a2004cd7999a0af7ead4de4aeb9 Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Mon, 29 Jun 2009 15:00:09 -0500 Subject: [PATCH] Fix for Bug 2713: Opac detail content overlaps when right column extends too far Resubmitted. 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. Signed-off-by: Galen Charlton --- koha-tmpl/opac-tmpl/prog/en/css/opac.css | 69 ++++++++++------ .../prog/en/modules/opac-detail.tmpl | 79 +++++++++++-------- 2 files changed, 93 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 0c5c8d6ebf..90b28940ea 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); } @@ -1385,7 +1400,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; @@ -1415,28 +1430,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; @@ -1793,9 +1786,37 @@ table#items th { #action { margin-top: 0; } +#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 { background-color : #FFF; border: 1px solid #979797; 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 451609c247..0705832e8d 100644 --- a/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tmpl +++ b/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tmpl @@ -24,8 +24,24 @@ }); KOHA.Google.GetCoverFromIsbn(); $(".tagbutton").click(KOHA.Tags.add_tag_button); - $("#action").append("
  • "+_("Add to Your Cart")+"<\/a><\/li>"); + $("a.print").parent().after("
  • "+_("Add to Your Cart")+"<\/a><\/li>"); }); + +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); + }); + //]]>