From 56ea6c95b6634433eaa57f9977c7035b206867ac Mon Sep 17 00:00:00 2001 From: Elizabeth Hunt Date: Mon, 15 Dec 2025 00:25:37 -0800 Subject: Add state when file uploaded --- src/css/style.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'src/css/style.css') 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; -- cgit v1.2.3-70-g09d2