| Dixsie Wolmers | bb45d02 | 2019-08-27 11:22:00 -0500 | [diff] [blame] | 1 | /** |
| 2 | * Used for file upload "choose file" button |
| 3 | * Markup (example for certificate upload) |
| 4 | <label> |
| 5 | <input |
| 6 | id="upload_{{cert.Description + cert.Id}}" |
| 7 | type="file" |
| 8 | file="cert.file" |
| 9 | class="input-file" /> |
| 10 | <span class="btn btn-secondary">Choose file</span> |
| 11 | </label> |
| 12 | */ |
| 13 | |
| 14 | .input-file { |
| 15 | width: 0.1px; |
| 16 | height: 0.1px; |
| 17 | opacity: 0; |
| 18 | overflow: hidden; |
| 19 | position: absolute; |
| 20 | z-index: -1; |
| 21 | } |
| 22 | |
| 23 | .input-file:focus + span { |
| 24 | outline: 0.2rem solid $box-shadow-color; |
| 25 | } |