[SIGNED-OFF} Fix for Bug 6623 - Nicer style for "clear screen" button

This patch replaces the <button> element with an "X" link
styled to appear fixed to the upper right corner of the box
containing the barcode input field. A title attribute
shows "Clear screen" on hover.

Signed-off-by: Nicole C. Engard <nengard@bywatersolutions.com>
Signed-off-by: Chris Cormack <chrisc@catalyst.net.nz>
This commit is contained in:
Owen Leonard 2011-07-21 11:16:08 -04:00 committed by Chris Cormack
parent 238a050b31
commit b9cc6b65a5
2 changed files with 35 additions and 3 deletions

View file

@ -2047,4 +2047,37 @@ fieldset.rows+h3 {clear:both;padding-top:.5em;}
#advanced-search td {
border : 1px solid #EEE;
padding : 0.3em 0.4em;
}
}
#circ_circulation_issue {
position: relative;
}
#clearscreen {
margin-right: 0;
position: absolute;
top:0;
right:0;
}
/* CSS Hack to target Firefox */
@-moz-document url-prefix() {
#clearscreen {
margin-right : 1em;
top: -1em;
}
}
#clearscreen a {
display:block;
-moz-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
padding : 0 .7em .2em .7em;
background-color : #EEE;
color : #CCC;
text-shadow: 0px -1px 0px #666;
text-decoration: none;
font-size: 160%;
font-weight : bold
}
#clearscreen a:hover {
color : #cc0000;
}

View file

@ -159,7 +159,6 @@ function refocus(calendar) {
};
//]]>
</script>
[% INCLUDE 'calendar.inc' %]
</head>
<body>
@ -458,7 +457,7 @@ No patron matched <span class="ex">[% message %]</span>
<form method="post" action="/cgi-bin/koha/circ/circulation.pl" id="mainform" name="mainform">
<fieldset id="circ_circulation_issue">
[% IF ( DisplayClearScreenButton ) %]
<input type="button" value="Clear Screen" onclick="window.location = '/cgi-bin/koha/circ/circulation.pl'" />
<span id="clearscreen"><a href="/cgi-bin/koha/circ/circulation.pl" title="Clear screen">x</a></span>
[% END %]
<label for="barcode">Checking out to [% firstname %] [% surname %] ([% cardnumber %]) </label>