Bug 10404: tweak style of staff client previous/next links

This patch slightly modifies the styles of the previous/next links in a
way that I think is simpler and clearer.

To test, apply the patch and clear your browser cache if necessary.
Perform a search in the staff client, click any result, and look at the
prevous/next links.

Signed-off-by: Magnus Enger <magnus@enger.priv.no>
Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
Signed-off-by: Galen Charlton <gmc@esilibrary.com>
This commit is contained in:
Owen Leonard 2013-08-05 09:42:36 -04:00 committed by Galen Charlton
parent 762c3304ea
commit 8acce47efc
2 changed files with 32 additions and 14 deletions

View file

@ -67,7 +67,7 @@ KOHA.browser = function (searchid, biblionumber) {
} else {
nextbutton = '<a href="#" id="browse-next" class="browse-button">' + BROWSER_NEXT + ' »</a>';
}
$('#menu').before('<div class="browse-controls"><div class="browse-controls-inner"><div class="browse-label"><a href="' + searchURL + '" id="browse-return-to-results" class="browse-button">' + BROWSER_RETURN_TO_SEARCH + '</a></div><div>' + prevbutton + nextbutton + '</div></div></div>');
$('#menu').before('<div class="browse-controls"><div class="browse-controls-inner"><div class="browse-label"><a href="' + searchURL + '" id="browse-return-to-results" class="browse-button">' + BROWSER_RETURN_TO_SEARCH + '</a></div><div class="browse-prev-next">' + prevbutton + nextbutton + '</div></div></div>');
$('a#browse-previous').click(function (ev) {
ev.preventDefault();
browseRecords(searchid, -1);

View file

@ -2592,28 +2592,20 @@ fieldset.rows table.mceListBox {
}
.browse-controls {
padding-top: 1em;
margin-left: 1.1em;
border-right: 1px solid #b9d8d9;
margin-right: .5em;
padding-bottom: 1em;
}
.browse-controls-inner {
padding: 0.3em;
background: #e8f0f6;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border: 1px solid #b9d8d9;
padding-top: 1em;
}
#browse-return-to-results {
border-top-left-radius : 3px;
border-top-right-radius : 3px;
display: block;
text-align: center;
}
.browse-button {
border: 1px solid #b9d8d9;
color: #004d99;
padding: .4em .6em;
display: inline-block;
@ -2628,6 +2620,32 @@ span.browse-button {
background: #fafafa;
}
#browse-next {
float: right;
.browse-label,
.browse-prev-next {
border: 1px solid #b9d8d9;
}
.browse-label {
border-top-left-radius : 5px;
border-top-right-radius : 5px;
background-color : #e8f0f6;
}
.browse-prev-next {
border-top-width: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#browse-previous {
border-right : 1px solid #B9D8D9;
border-bottom-left-radius: 5px;
padding-right: 1em;
}
#browse-next {
border-top-width : 0;
border-bottom-right-radius: 5px;
float: right;
padding-right: 1em;
}