Skip to content
This repository was archived by the owner on Jul 9, 2025. It is now read-only.

a11y: Use header tag for trigger in visual editor #2128

Merged
Chris Whitten (cwhitten) merged 6 commits into from
Mar 5, 2020
Merged

a11y: Use header tag for trigger in visual editor #2128

Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
42b6516
Add header tag
alanlong9278 Feb 28, 2020
fa2e92f
use header tag for trigger
alanlong9278 Feb 29, 2020
3ee37c1
Merge branch 'master' into julong/headerTag
yeze322 Mar 3, 2020
6b695a2
Merge branch 'master' into julong/headerTag
cwhitten Mar 4, 2020
68c35d2
Merge branch 'master' into julong/headerTag
alanlong9278 Mar 5, 2020
1e7fd1c
Merge branch 'master' into julong/headerTag
cwhitten Mar 5, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 6 additions & 4 deletions Composer/packages/extensions/visual-designer/src/components/nodes/Trigger.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,13 +35,15 @@ export const Trigger = ({ data, onClick = () => {} }): JSX.Element => {
const label = getLabel(data);

return (
<div css={triggerContainerStyle}>
<div css={triggerContentStyle}>
<div css={titleStyle}>
<div css={triggerContainerStyle} className="trigger">
<div css={triggerContentStyle} className="trigger__content">
<div css={titleStyle} className="trigger__content-header">
<Icon iconName="Flow" style={triggerIconStyle} />
<span>{name}</span>
</div>
<div css={subtitleStyle}>{label}</div>
<div css={subtitleStyle} className="trigger__content-label">
{label}
</div>
</div>
</div>
);
Expand Down