Fix for Bug 7124 - back to search wrapping in lower resolutions

Maybe not a complete fix, but hopefully an improvement. I couldn't
prevent it from wrapping at smaller browser widths, but I was
able to change the style so that when it does wrap it's a little
more readable.

Signed-off-by: Paul Poulain <paul.poulain@biblibre.com>
This commit is contained in:
Owen Leonard 2011-11-11 09:00:27 -05:00 committed by Paul Poulain
parent 48173560ba
commit a98219dc34
2 changed files with 24 additions and 21 deletions

View file

@ -2177,36 +2177,39 @@ a.koha_url {
background-color:#D9D9D9;
}
.nav_results ul.pg_menu {
height:25px;
border-top: 1px solid #D0D0D0;
white-space : nowrap;
}
.nav_results ul.pg_menu li {
color:#B2B2B2;
display:block;
float:left;
padding:5px 0;
display:inline;
list-style:none;
text-align:center;
margin: 0;
}
.nav_results ul.pg_menu li.back_results {
padding:5px 0px;
width:45%;
.nav_results ul.pg_menu li.back_results a {
border-left: 1px solid #D0D0D0;
border-right: 1px solid #D0D0D0;
}
.nav_results ul.pg_menu li a {
.nav_results ul.pg_menu li a,
.nav_results ul.pg_menu li span {
background-color: #F3F3F3;
display : block;
float:left;
padding:.4em .5em;
text-decoration:none;
font-weight:normal;
color:#4D4D4D;
text-align:center;
}
.nav_results ul.pg_menu li span {
color : #B2B2B2;
}
.nav_results ul.pg_menu li.left_results a {
padding-left : 0;
}
.nav_results ul.pg_menu li a:hover {
color:#006699;
}
.nav_results ul.pg_menu li.left_results {
margin-right:10px;
}
.nav_results ul.pg_menu li.right_results {
margin-left:10px;
}
.nav_results #listResults{

View file

@ -994,11 +994,11 @@ YAHOO.util.Event.onContentReady("furtherm", function () {
<div id="ulactioncontainer" class="container">
[% IF ( busc ) %]
<div class="nav_results">
<div class="l_Results">[% IF ( listResults ) %]<a href="#" id="a_listResults" title="Show pagination list ([% indexPag %]-[% indexPagEnd %] / [% totalPag %])">Browse results</a>[% ELSE %]Browse results[% END %]</div>
<ul class="pg_menu">
<li class="left_results">[% IF ( previous ) %]<a href="[% previous %]" title="See: [% IF ( previousTitle ) %][% previousTitle |html %][% ELSE %]previous biblio[% END %]">&laquo; Previous</a>[% ELSE %]Previous[% END %]</li>
<div class="l_Results">[% IF ( listResults ) %]<a href="#" id="a_listResults" title="Show pagination list ([% indexPag %]-[% indexPagEnd %] / [% totalPag %])">Browse results</a>[% ELSE %]<span>Browse results</span>[% END %]</div>
<ul class="pg_menu clearfix">
<li class="left_results">[% IF ( previous ) %]<a href="[% previous %]" title="See: [% IF ( previousTitle ) %][% previousTitle |html %][% ELSE %]previous biblio[% END %]">&laquo; Previous</a>[% ELSE %]<span>Previous</span>[% END %]</li>
<li class="back_results"><a href="opac-search.pl?[% busc %]" title="Back to the results search list">Back to results</a></li>
<li class="right_results">[% IF ( next ) %]<a href="[% next %]" title="See: [% IF ( nextTitle ) %][% nextTitle |html %][% ELSE %]next biblio[% END %]">Next &raquo;</a>[% ELSE %]Next[% END %]</li>
<li class="right_results">[% IF ( next ) %]<a href="[% next %]" title="See: [% IF ( nextTitle ) %][% nextTitle |html %][% ELSE %]next biblio[% END %]">Next &raquo;</a>[% ELSE %]<span>Next</span>[% END %]</li>
</ul>
[% IF ( listResults ) %]
<div class="pagination">