From 66f9a004fe916e8217fd2bac71ed35ab49a5b9ff Mon Sep 17 00:00:00 2001 From: Galen Charlton Date: Mon, 25 Jan 2016 15:41:52 -0500 Subject: [PATCH] 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 Signed-off-by: Kathy Lussier --- .../src/templates/staff/css/style.css.tt2 | 23 +++++++++++++++++++ 1 file changed, 23 insertions(+) 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; } -- 2.43.2