[Koha-patches] [PATCH] [SIGNED-OFF} Fix for Bug 6623 - Nicer style for "clear screen" button

Thu Jul 21 17:16:08 CEST 2011

From: Owen Leonard <oleonard at myacpl.org>

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 at bywatersolutions.com>
---
 .../intranet-tmpl/prog/en/css/staff-global.css     |   33 +++++++++++++++++++-
 .../prog/en/modules/circ/circulation.tt            |    3 +-
 2 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css
index 9c97db1..04f1e9b 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css
+++ b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css
@@ -2048,4 +2048,35 @@ fieldset.rows+h3 {clear:both;padding-top:.5em;}
 	border : 1px solid #EEE;
 	padding : 0.3em 0.4em;
 }
-</style>
\ 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 */
+ at -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;
+    }
\ No newline at end of file
diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/circ/circulation.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/circ/circulation.tt
index cb03d89..9dcb16d 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/circ/circulation.tt
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/circ/circulation.tt
@@ -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>
-- 
1.7.2.3

