diff options
| author | Elizabeth Hunt <me@liz.coffee> | 2025-12-15 00:25:37 -0800 |
|---|---|---|
| committer | Elizabeth Hunt <me@liz.coffee> | 2025-12-15 00:25:37 -0800 |
| commit | 56ea6c95b6634433eaa57f9977c7035b206867ac (patch) | |
| tree | b1de935698df20c0b0cef9f90a22202674c44bb7 /src/css | |
| parent | 4c3b19b78230873ab067d5235124b1587543aa3e (diff) | |
| download | adelie-56ea6c95b6634433eaa57f9977c7035b206867ac.tar.gz adelie-56ea6c95b6634433eaa57f9977c7035b206867ac.zip | |
Add state when file uploaded
Diffstat (limited to 'src/css')
| -rw-r--r-- | src/css/style.css | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/src/css/style.css b/src/css/style.css index e5aee32..12ea536 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -954,6 +954,20 @@ label.file-input-button:active { box-shadow: inset 1px 1px 0 var(--lowlight), inset -1px -1px 0 var(--highlight); } +label.file-input-button.has-file { + background: var(--success); + color: var(--surface-alt); + border-color: var(--success); +} + +label.file-input-button.has-file:hover { + background: color-mix(in srgb, var(--success) 85%, white); +} + +label.file-input-button.has-file:active { + background: color-mix(in srgb, var(--success) 70%, black); +} + input[type="file"]:focus-visible + label.file-input-button { outline: 1px dotted var(--fg); outline-offset: 2px; |