diff options
| author | Fuwn <[email protected]> | 2025-12-02 00:33:19 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2025-12-02 00:33:19 -0800 |
| commit | bbe3cb2fddfb1a462cdfb56a8efd099e9edbd103 (patch) | |
| tree | ea5ed4d150cec4545d5c5dbd58f08b86ed192d94 /index.html | |
| parent | feat(index.js): Capitalise table content (diff) | |
| download | rysk-bbe3cb2fddfb1a462cdfb56a8efd099e9edbd103.tar.xz rysk-bbe3cb2fddfb1a462cdfb56a8efd099e9edbd103.zip | |
fix(index.html): File upload hover colour
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 53 |
1 files changed, 30 insertions, 23 deletions
@@ -181,42 +181,49 @@ .input-field input[type="file"]::file-selector-button { padding: var(--spacing-sm) var(--spacing-md); margin-right: var(--spacing-md); - background: var(--accent); - border: none; - border-radius: var(--radius); - color: var(--text-primary); - font-size: 0.875rem; - font-weight: 500; - font-family: inherit; - cursor: pointer; - transition: all 0.2s ease; + background: var(--accent) !important; + border: none !important; + border-radius: var(--radius) !important; + color: var(--text-primary) !important; + font-size: 0.875rem !important; + font-weight: 500 !important; + font-family: inherit !important; + cursor: pointer !important; + transition: all 0.2s ease !important; } .input-field input[type="file"]::file-selector-button:hover { - background: var(--accent-hover); + background: rgba(139, 92, 246, 0.85) !important; + color: var(--text-primary) !important; } .input-field input[type="file"]::file-selector-button:active { - transform: scale(0.98); + transform: scale(0.98) !important; + background: rgba(139, 92, 246, 0.75) !important; } /* Webkit browsers */ .input-field input[type="file"]::-webkit-file-upload-button { - padding: var(--spacing-sm) var(--spacing-md); - margin-right: var(--spacing-md); - background: var(--accent); - border: none; - border-radius: var(--radius); - color: var(--text-primary); - font-size: 0.875rem; - font-weight: 500; - font-family: inherit; - cursor: pointer; - transition: all 0.2s ease; + padding: var(--spacing-sm) var(--spacing-md) !important; + margin-right: var(--spacing-md) !important; + background: var(--accent) !important; + border: none !important; + border-radius: var(--radius) !important; + color: var(--text-primary) !important; + font-size: 0.875rem !important; + font-weight: 500 !important; + font-family: inherit !important; + cursor: pointer !important; + transition: all 0.2s ease !important; } .input-field input[type="file"]::-webkit-file-upload-button:hover { - background: var(--accent-hover); + background: rgba(139, 92, 246, 0.85) !important; + color: var(--text-primary) !important; + } + + .input-field input[type="file"]::-webkit-file-upload-button:active { + background: rgba(139, 92, 246, 0.75) !important; } /* Table Container */ |