lee/Recordly
1
0
Fork 0
mirror of https://github.com/webadderallorg/Recordly.git synced 2026-09-25 15:25:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

revert: restore focus-visible:outline-none on sidebar buttons

Browse Source 
UI decision — removes default focus ring to avoid ugly yellow selection ring.
This commit is contained in:
webadderall
2026-04-20 22:03:41 +10:00
parent 5caafa95d6
commit 25426fe702
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/video-editor/EditorSidebar.tsx
+2 -1
View File
@@ -85,11 +85,12 @@ export function EditorSidebar({
const isActive = prefs.activeEffectSection === section.id;
return (
<div key={section.id} className="flex items-center">
{/* Intentionally removes default focus-visible ring — UI decision to avoid ugly yellow selection ring */}
<motion.button
type="button"
onClick={() => prefs.setActiveEffectSection(section.id)}
title={section.label}
className="group relative flex h-9 w-9 items-center justify-center rounded-lg outline-none focus-visible:ring-2 focus-visible:ring-[#2563EB]/50 focus-visible:ring-offset-1"
className="group relative flex h-9 w-9 items-center justify-center rounded-lg outline-none focus:outline-none focus-visible:outline-none"
animate={{ opacity: isActive ? 1 : 0.55 }}
transition={{ duration: 0.14 }}
>