Previous buttons failed miserable in IE. Trying a YUI solution.
authorOwen Leonard <oleonard@myacpl.org>
Wed, 27 Feb 2008 21:18:31 +0000 (10:18 +1300)
committerJoshua Ferraro <jmf@liblime.com>
Thu, 28 Feb 2008 13:58:53 +0000 (07:58 -0600)
Signed-off-by: Chris Cormack <chris@bigballofwax.co.nz>
Signed-off-by: Joshua Ferraro <jmf@liblime.com>
koha-tmpl/opac-tmpl/prog/en/css/opac.css
koha-tmpl/opac-tmpl/prog/en/includes/doc-head-close.inc
koha-tmpl/opac-tmpl/prog/en/includes/masthead.inc
koha-tmpl/opac-tmpl/prog/en/js/script.js

index 98fb1e7..8cc4753 100644 (file)
@@ -1205,12 +1205,21 @@ div#changelanguage a.yuimenuitemlabel {
        text-align : center;
 }
 
+#listsmenulink {
+       margin-left: 1em;
+}
+
 a#listsmenulink, a#listsmenulink:hover {
        color : #006699;
        font-size : 105%;
        line-height : 185%;
 }
 
+
+#cartmenulink .first-child a, #listsmenulink .first-child a {
+       padding: .3em 1em;
+}
+
 a#cartmenulink, a#cartmenulink:hover {
        color : #336600;
        font-size : 105%;
@@ -1235,154 +1244,6 @@ a#cartmenulink, a#cartmenulink:hover {
        padding : 2px;
 }
 
-.btn {
-       display : block;
-       position : relative;
-       padding : 5px;
-       text-decoration : none;
-       cursor : default;
-       margin-left : .5em;
-}
-
-.btn * {
-       font-style : normal;
-       background-image : url('../../images/button-background.png');
-       background-repeat : no-repeat;
-       display : block;
-       position : relative;
-}
-
-#cartmenulink.btn span#basket {
-       background-image : none;
-       display : inline;
-       height : auto;
-       position : relative;
-       margin : 0;
-       padding : 0;
-       left : auto;
-       right : auto;
-       top : auto;
-}
-
-#cartmenulink.btn span#basket span {
-       background-image : none;
-       background-color : #E6FCB7;
-       color : #000;
-       display : inline;
-       font-size : 80%;
-       font-weight : normal;
-       height : auto;
-       left : auto;
-       margin : 0 .5em 0 .5em;
-       padding : 0 .3em 0 .3em;
-       position : relative;
-       right : auto;
-       top : auto;
-}
-
-#cartmenulink.btn img {
-       background-image : none;
-       float : left;
-       padding : 3px 3px 0 3px;
-}
-
-#listsmenulink.btn img {
-       background-image : none;
-       display : inline;
-       padding : 0 0 2px 3px;
-}
-
-.btn i {
-       background-position : top left;
-       position : absolute;
-       margin-bottom : -5px;
-       top : 0;
-       left : 0;
-       width : 5px;
-       height : 5px;
-}
-
-.btn span {
-       background-position : bottom left;
-       left : -5px;
-       padding : 0 0 5px 10px;
-       margin-bottom : -5px;
-}
-
-.btn span i {
-       background-position : bottom right;
-       margin-bottom : 0;
-       position : absolute;
-       left : 100%;
-       width : 10px;
-       height : 100%;
-       top : 0;
-}
-
-.btn span span {
-       background-position : top right;
-       position : absolute;
-       right : -10px;
-       margin-left : 10px;
-       top : -5px;
-       height : 0;
-}
-
-* html .btn span,      * html .btn i {
-       float : left;
-       width : auto;
-       background-image : none;
-       cursor : pointer;
-}
-
-.btn.blue {
-       background : #9fbfff;
-}
-
-.btn.blue:hover {
-       background-color : #6699FF;
-       background-image : none;
-}
-
-.btn.green {
-       background : #98CB58;
-}
-
-.btn.green:hover {
-       background-color : #98CB58;
-       background-image : none;
-}
-
-.btn:active {
-       background-color : #444;
-}
-
-.btn[class] {
-       background-image : url('../../images/button-background-gradient.png');
-       background-position : 0 0;
-}
-
-.btn[class]:hover {
-       background-image : url('../../images/button-background-gradient.png');
-       background-position : 0 -200px;
-}
-
-* html .btn {
-       border : 3px double #aaa;
-}
-
-* html .btn.blue {
-       border-color : #2ae;
-}
-
-* html .btn.green {
-       border-color : #9d4;
-}
-
-* html .btn:hover {
-       border-color : #a00;
-}
-
 div#menu {
        border-right : 1px solid #979797;
        font-size : 94%;
@@ -1433,7 +1294,15 @@ div#menu li.active a:hover {
 #searchsubmit {
        cursor : default;
        font-size : 87%;
-       margin-top : -.1em;
+}
+
+body #opac-main-search #searchsubmit.yui-button {
+       margin :  -.3em 0.25em;
+}
+
+body #opac-main-search #cartmenulink.yui-button , body #opac-main-search #listsmenulink.yui-button  {
+       margin-bottom : -1em;
+       margin-left : 1em;
 }
 
 #export {
@@ -1469,4 +1338,8 @@ div#menu li.active a:hover {
        padding: 0;
        position: relative;
        width: 100px;
+}
+
+#searchsubmit button {
+       padding :  0 3px;
 }
\ No newline at end of file
index 38820be..6cd88af 100644 (file)
@@ -10,7 +10,7 @@
 <script type="text/javascript" src="<!-- TMPL_VAR NAME="yuipath" -->/animation/animation-min.js"></script>
 <script type="text/javascript" src="<!-- TMPL_VAR NAME="yuipath" -->/container/container-min.js"></script> 
 <script type="text/javascript" src="<!-- TMPL_VAR NAME="yuipath" -->/menu/menu-min.js"></script>
-<script type="text/javascript" src="<!-- TMPL_VAR NAME="yuipath" -->/button/button-beta-min.js"></script>
+<script type="text/javascript" src="<!-- TMPL_VAR NAME="yuipath" -->/button/button-min.js"></script>
 
 <script type="text/javascript" src="<!-- TMPL_VAR NAME="yuipath" -->/utilities/utilities.js"></script>
 <!-- TMPL_IF name="opacstylesheet" --><link rel="stylesheet" type="text/css" href="<!-- TMPL_VAR NAME="opacstylesheet" -->" /><!-- TMPL_ELSE -->
index f49238d..985d662 100644 (file)
@@ -62,9 +62,9 @@
         <!-- TMPL_IF name="mylibraryfirst" --><!-- TMPL_IF name="loggedinusername" -->
             <input name="limit" value="<!-- TMPL_VAR name="LoginBranchcode" -->" type="hidden" />
         <!-- /TMPL_IF --><!-- /TMPL_IF -->
-        <input type="submit" value="Go" id="searchsubmit" class="btn blue left" />
+        <input type="submit" value="Go" id="searchsubmit" class="left" />
                <!-- TMPL_IF EXPR="opacbookbag || virtualshelves" -->
-<!-- TMPL_IF NAME="opacbookbag" --><span id="cmspan"></span><!-- /TMPL_IF --><!--TMPL_IF NAME="virtualshelves" --><a class="btn blue left" id="listsmenulink" href="/cgi-bin/koha/opac-shelves.pl">Lists</a><!-- /TMPL_IF --><!-- /TMPL_IF -->
+<!-- TMPL_IF NAME="opacbookbag" --><span id="cmspan"></span><!-- /TMPL_IF --><!--TMPL_IF NAME="virtualshelves" --><a class="left" id="listsmenulink" href="/cgi-bin/koha/opac-shelves.pl">Lists</a><!-- /TMPL_IF --><!-- /TMPL_IF -->
     </form>
 
 <div id="moresearches"><a href="/cgi-bin/koha/opac-search.pl">Advanced Search</a><!-- TMPL_IF name="OpacBrowser" --> | <a href="/cgi-bin/koha/opac-browser.pl">Browse by Hierarchy</a><!-- /TMPL_IF --><!-- TMPL_IF name="OpacAuthorities" --> | <a href="/cgi-bin/koha/opac-authorities-home.pl">Browse by Subject</a><!-- /TMPL_IF --><!-- TMPL_IF name="OpacCloud" --> | <a href="/cgi-bin/koha/opac-tags_subject.pl">Tag Cloud</a><!-- /TMPL_IF --><!-- TMPL_IF name="OpacTopissue" --> | <a href="/cgi-bin/koha/opac-topissues.pl">Most Popular</a><!-- /TMPL_IF --></div>
index c26c537..b296231 100644 (file)
@@ -68,8 +68,11 @@ YAHOO.util.Event.onContentReady("listsmenu", function () {
     $("#listsmenu").css("display","block").css("visibility","hidden");
     $("#cartDetails").css("display","block").css("visibility","hidden");
 
-       $("#cmspan").html("<a id=\"cartmenulink\" class=\"btn green left\" href=\"/cgi-bin/koha/opac-basket.pl\">Cart</a>");
-       $('.btn').each(function(){
+       $("#cmspan").html("<a id=\"cartmenulink\" class=\"left\" href=\"/cgi-bin/koha/opac-basket.pl\">Cart</a>");
+           new YAHOO.widget.Button("searchsubmit");
+           new YAHOO.widget.Button("cartmenulink");
+           new YAHOO.widget.Button("listsmenulink");
+   /*  $('.btn').each(function(){
          var b = $(this);
          var tt = b.text() || b.val();
          if ($(':submit,:button',this)) {
@@ -78,15 +81,15 @@ YAHOO.util.Event.onContentReady("listsmenu", function () {
          }
          b.text('').css({cursor:'pointer'}). prepend('<i></i>')
          .append( $('<span>').text(tt).append('<i></i><span></span>') );
-         });
+         }); */
        $("#searchsubmit").click(function(){
                $("#searchform").submit();
        })
          
-         $("#cartmenulink").find("i:first").before("<img src=\"/opac-tmpl/prog/images/cart.gif\" alt=\"\" />");
-         $("#cartmenulink").find("i:last").before("<span id=\"basket\"></span>");
+        // $("#cartmenulink").find("i:first").before("<img src=\"/opac-tmpl/prog/images/cart.gif\" alt=\"\" />");
+        // $("#cartmenulink").find("i:last").before("<span id=\"basket\"></span>");
          
-         $("#listsmenulink").find("i:last").before("<img src=\"/opac-tmpl/prog/images/list.gif\" alt=\"\" />");
+        // $("#listsmenulink").find("i:last").before("<img src=\"/opac-tmpl/prog/images/list.gif\" alt=\"\" />");
          if(basketcount){ updateBasket(basketcount,document) } 
    
         var listMenu = new YAHOO.widget.Menu("listsmenu", { lazyload: true });