url/homelable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: subtle hover border (#8b949e) and remove redundant tabIndex on button elements

Browse Source
This commit is contained in:
Pouzor
2026-04-24 12:01:30 +02:00
parent 6fa0ada325
commit 988b804b90
2 changed files with 1 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/modals/NodeModal.tsx
-2
View File
@@ -139,7 +139,6 @@ export function NodeModal({ open, onClose, onSubmit, initial, title = 'Add Node'
type="button" type="button"
onClick={() => setIconPickerOpen((o) => !o)} onClick={() => setIconPickerOpen((o) => !o)}
className={`flex items-center justify-between gap-2 h-8 px-3 bg-[#21262d] border border-[#30363d] text-sm transition-colors w-full cursor-pointer ${modalStyles['modal-interactive']} ${modalStyles['modal-radius']}`} className={`flex items-center justify-between gap-2 h-8 px-3 bg-[#21262d] border border-[#30363d] text-sm transition-colors w-full cursor-pointer ${modalStyles['modal-interactive']} ${modalStyles['modal-radius']}`}
tabIndex={0}
aria-label="Icon picker trigger" aria-label="Icon picker trigger"
> >
<span className="flex items-center gap-2 min-w-0"> <span className="flex items-center gap-2 min-w-0">
@@ -186,7 +185,6 @@ export function NodeModal({ open, onClose, onSubmit, initial, title = 'Add Node'
title={entry.label} title={entry.label}
onClick={() => { set('custom_icon', isSelected ? undefined : entry.key); setIconPickerOpen(false) }} onClick={() => { set('custom_icon', isSelected ? undefined : entry.key); setIconPickerOpen(false) }}
className={`flex items-center justify-center w-7 h-7 rounded transition-colors cursor-pointer ${modalStyles['modal-interactive']}`} className={`flex items-center justify-center w-7 h-7 rounded transition-colors cursor-pointer ${modalStyles['modal-interactive']}`}
tabIndex={0}
aria-label={`Select icon ${entry.label}`} aria-label={`Select icon ${entry.label}`}
style={{ style={{
background: isSelected ? '#00d4ff22' : 'transparent', background: isSelected ? '#00d4ff22' : 'transparent',
frontend/src/components/modals/modal-interactive.module.css
+1 -1
View File
@@ -22,6 +22,6 @@
} }
.modal-interactive:hover, .modal-interactive:hover,
.modal-interactive:focus { .modal-interactive:focus {
border-color: #fff !important; border-color: #8b949e !important;
outline: none; outline: none;
} }