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>
#advanced-search td {
border : 1px solid #EEE;
padding : 0.3em 0.4em;
-}
\ No newline at end of file
+}
+#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;
+ }
+
};
//]]>
</script>
-
[% INCLUDE 'calendar.inc' %]
</head>
<body>
<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>