From: Galen Charlton <gmc@esilibrary.com>
Date: Mon, 25 Jan 2016 20:41:52 +0000 (-0500)
Subject: webstaff: style file input buttons more nicely
X-Git-Tag: sprint4-merge-nov22~700
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=66f9a004fe916e8217fd2bac71ed35ab49a5b9ff;p=working%2FEvergreen.git

webstaff: style file input buttons more nicely

Using technique devised by Cory LaViska per
http://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3/

Signed-off-by: Galen Charlton <gmc@esilibrary.com>
Signed-off-by: Kathy Lussier <klussier@masslnc.org>
---

diff --git a/Open-ILS/src/templates/staff/css/style.css.tt2 b/Open-ILS/src/templates/staff/css/style.css.tt2
index 80fb47afeb..0c21913168 100644
--- a/Open-ILS/src/templates/staff/css/style.css.tt2
+++ b/Open-ILS/src/templates/staff/css/style.css.tt2
@@ -132,6 +132,29 @@ table.list tr.selected td { /* deprecated? */
   margin-left: 10px;
 }
 
+/* button styling by Cory LaViska from
+   http://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3/
+*/
+.btn-file {
+    position: relative;
+    overflow: hidden;
+}
+.btn-file input[type=file] {
+    position: absolute;
+    top: 0;
+    right: 0;
+    min-width: 100%;
+    min-height: 100%;
+    font-size: 100px;
+    text-align: right;
+    filter: alpha(opacity=0);
+    opacity: 0;
+    outline: none;
+    background: white;
+    cursor: inherit;
+    display: block;
+}
+
 .strong-text {
   font-weight: bold;
 }