From b5cc75e078afdfc2d4b6746a9a860c096b8e6ee5 Mon Sep 17 00:00:00 2001 From: Mouse Reeve Date: Sun, 12 Sep 2021 10:36:06 -0700 Subject: [PATCH] Adds css for file input buttons --- bookwyrm/static/css/bookwyrm.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/bookwyrm/static/css/bookwyrm.css b/bookwyrm/static/css/bookwyrm.css index 872e89b1..fbd10e9b 100644 --- a/bookwyrm/static/css/bookwyrm.css +++ b/bookwyrm/static/css/bookwyrm.css @@ -89,6 +89,31 @@ body { display: inline !important; } +input[type=file]::file-selector-button { + -moz-appearance: none; + -webkit-appearance: none; + background-color: #fff; + border-radius: 4px; + border: 1px solid #dbdbdb; + box-shadow: none; + color: #363636; + cursor: pointer; + font-size: 1rem; + height: 2.5em; + justify-content: center; + line-height: 1.5; + padding-bottom: calc(.5em - 1px); + padding-left: 1em; + padding-right: 1em; + padding-top: calc(.5em - 1px); + text-align: center; + white-space: nowrap; +} +input[type=file]::file-selector-button:hover { + border-color: #b5b5b5; + color: #363636; +} + /** Shelving ******************************************************************************/