Skip to content

fix(planning): remove misleading button affordance from readOnly Assi…#2644

Open
gularsson wants to merge 1 commit into
mainfrom
feature/elelog-487-flash-and-nyhetsbevakning-icons-are-showing-as-interactive
Open

fix(planning): remove misleading button affordance from readOnly Assi…#2644
gularsson wants to merge 1 commit into
mainfrom
feature/elelog-487-flash-and-nyhetsbevakning-icons-are-showing-as-interactive

Conversation

@gularsson
Copy link
Copy Markdown
Contributor

…gnmentType

When opening the move/date-change dialog on a planning item, each assignment row showed its assignment-type icon (e.g. Flash/ZapIcon) rendered inside a Button variant='icon' with hover background and focus ring styles. Because the readOnly variant attaches no onClick, the icons looked interactive but did nothing - confusing to users who expected a button to do something on click.

Replace the Button wrapper in the readOnly branch with a plain non- interactive <span> that preserves layout/spacing but drops the button semantics, hover background, and focus ring. The aria-label keeps the icon labelled for assistive tech.

Refs ELELOG-487

…gnmentType

When opening the move/date-change dialog on a planning item, each
assignment row showed its assignment-type icon (e.g. Flash/ZapIcon)
rendered inside a `Button variant='icon'` with hover background and
focus ring styles. Because the readOnly variant attaches no onClick,
the icons looked interactive but did nothing - confusing to users who
expected a button to do something on click.

Replace the Button wrapper in the readOnly branch with a plain non-
interactive `<span>` that preserves layout/spacing but drops the
button semantics, hover background, and focus ring. The aria-label
keeps the icon labelled for assistive tech.

Refs ELELOG-487
@gularsson gularsson self-assigned this May 25, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant