| Dixsie Wolmers | c15f66b | 2019-09-11 15:26:38 -0500 | [diff] [blame] | 1 | // Choose/upload button |
| 2 | .file-upload-input { |
| 3 | width: 1px; |
| 4 | height: 1px; |
| 5 | opacity: 0; |
| 6 | overflow: hidden; |
| 7 | position: absolute; |
| 8 | z-index: -1; |
| 9 | } |
| 10 | |
| 11 | .file-upload-input:focus { |
| 12 | outline: 0.2rem solid $base-02--04; |
| 13 | } |
| 14 | |
| Dixsie Wolmers | 5fcee5a | 2019-11-19 15:24:00 -0600 | [diff] [blame] | 15 | .file-filename { |
| 16 | overflow: hidden; |
| 17 | text-overflow: ellipsis; |
| 18 | width: 300px; |
| 19 | white-space: nowrap; |
| 20 | padding-right: 0.5rem; |
| 21 | } |
| 22 | |
| 23 | .file-upload-error { |
| 24 | border-bottom: 2px solid $notification-error--dark; |
| 25 | } |
| 26 | |
| 27 | .file-upload { |
| 28 | min-width: 240px; |
| 29 | max-width: 330px; |
| 30 | .file-upload-container { |
| 31 | align-items: center; |
| 32 | background: $background-02; |
| 33 | display: flex; |
| 34 | height: 2.5rem; |
| 35 | margin-bottom: 0.5rem; |
| 36 | padding: 0.5rem; |
| 37 | .file-upload-reset { |
| 38 | padding: 0; |
| 39 | icon { |
| 40 | margin: 0; |
| 41 | } |
| Dixsie Wolmers | c15f66b | 2019-09-11 15:26:38 -0500 | [diff] [blame] | 42 | } |
| 43 | } |
| 44 | } |