Skip to content

fix(sections-editor): translate rich-text toolbar aria-labels #5533

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
pedrofrxncx merged 1 commit into from
Aug 1, 2026
Merged

fix(sections-editor): translate rich-text toolbar aria-labels #5533

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
20 changes: 10 additions & 10 deletions apps/web/src/components/sections-editor/fields/rich-text-field.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -184,28 +184,28 @@ export function RichTextField({
<div className="flex flex-wrap items-center gap-0.5 border-b border-border/60 bg-muted/30 px-1.5 py-1">
<ToolbarButton
active={marks.bold}
label="Bold"
label={t("sectionsEditor.richTextField.bold")}
onClick={() => editor.chain().focus().toggleBold().run()}
>
<Bold01 size={14} />
</ToolbarButton>
<ToolbarButton
active={marks.italic}
label="Italic"
label={t("sectionsEditor.richTextField.italic")}
onClick={() => editor.chain().focus().toggleItalic().run()}
>
<Italic01 size={14} />
</ToolbarButton>
<ToolbarButton
active={marks.underline}
label="Underline"
label={t("sectionsEditor.richTextField.underline")}
onClick={() => editor.chain().focus().toggleUnderline().run()}
>
<Underline01 size={14} />
</ToolbarButton>
<ToolbarButton
active={marks.strike}
label="Strikethrough"
label={t("sectionsEditor.richTextField.strikethrough")}
onClick={() => editor.chain().focus().toggleStrike().run()}
>
<Strikethrough01 size={14} />
Expand Down Expand Up @@ -280,14 +280,14 @@ export function RichTextField({

<ToolbarButton
active={marks.bulletList}
label="Bullet list"
label={t("sectionsEditor.richTextField.bulletList")}
onClick={() => editor.chain().focus().toggleBulletList().run()}
>
<List size={14} />
</ToolbarButton>
<ToolbarButton
active={marks.orderedList}
label="Ordered list"
label={t("sectionsEditor.richTextField.orderedList")}
onClick={() => editor.chain().focus().toggleOrderedList().run()}
>
<span className="text-[11px] font-semibold leading-none">
Expand All @@ -312,7 +312,7 @@ export function RichTextField({

<ToolbarButton
active={marks.alignLeft}
label="Align left"
label={t("sectionsEditor.richTextField.alignLeft")}
onClick={() =>
editor.chain().focus().setTextAlign("left").run()
}
Expand All @@ -321,7 +321,7 @@ export function RichTextField({
</ToolbarButton>
<ToolbarButton
active={marks.alignCenter}
label="Align center"
label={t("sectionsEditor.richTextField.alignCenter")}
onClick={() =>
editor.chain().focus().setTextAlign("center").run()
}
Expand All @@ -330,7 +330,7 @@ export function RichTextField({
</ToolbarButton>
<ToolbarButton
active={marks.alignRight}
label="Align right"
label={t("sectionsEditor.richTextField.alignRight")}
onClick={() =>
editor.chain().focus().setTextAlign("right").run()
}
Expand All @@ -339,7 +339,7 @@ export function RichTextField({
</ToolbarButton>
<ToolbarButton
active={marks.alignJustify}
label="Justify"
label={t("sectionsEditor.richTextField.alignJustify")}
onClick={() =>
editor.chain().focus().setTextAlign("justify").run()
}
Expand Down
10 changes: 10 additions & 0 deletions apps/web/src/i18n/en/sections-editor.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -134,11 +134,21 @@ export const sectionsEditor = {
"sectionsEditor.richTextColorControl.colorButtonLabel": "Text color",
"sectionsEditor.richTextColorControl.customLabel": "Custom",
"sectionsEditor.richTextColorControl.defaultLabel": "Default",
"sectionsEditor.richTextField.alignCenter": "Align center",
"sectionsEditor.richTextField.alignJustify": "Justify",
"sectionsEditor.richTextField.alignLeft": "Align left",
"sectionsEditor.richTextField.alignRight": "Align right",
"sectionsEditor.richTextField.bold": "Bold",
"sectionsEditor.richTextField.bulletList": "Bullet list",
"sectionsEditor.richTextField.fontSizeDecrease": "Decrease font size",
"sectionsEditor.richTextField.fontSizeIncrease": "Increase font size",
"sectionsEditor.richTextField.italic": "Italic",
"sectionsEditor.richTextField.orderedList": "Ordered list",
"sectionsEditor.richTextField.strikethrough": "Strikethrough",
"sectionsEditor.richTextField.styleHeading": "Heading {level}",
"sectionsEditor.richTextField.styleLabel": "Text style",
"sectionsEditor.richTextField.styleParagraph": "Paragraph",
"sectionsEditor.richTextField.underline": "Underline",
"sectionsEditor.richTextLinkControl.applyLinkLabel": "Apply link",
"sectionsEditor.richTextLinkControl.linkButtonLabel": "Link",
"sectionsEditor.richTextLinkControl.newTabLabel": "New tab",
Expand Down
10 changes: 10 additions & 0 deletions apps/web/src/i18n/pt-br/sections-editor.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -139,11 +139,21 @@ export const sectionsEditor = {
"sectionsEditor.richTextColorControl.colorButtonLabel": "Cor do texto",
"sectionsEditor.richTextColorControl.customLabel": "Personalizada",
"sectionsEditor.richTextColorControl.defaultLabel": "Padrão",
"sectionsEditor.richTextField.alignCenter": "Centralizar",
"sectionsEditor.richTextField.alignJustify": "Justificar",
"sectionsEditor.richTextField.alignLeft": "Alinhar à esquerda",
"sectionsEditor.richTextField.alignRight": "Alinhar à direita",
"sectionsEditor.richTextField.bold": "Negrito",
"sectionsEditor.richTextField.bulletList": "Lista com marcadores",
"sectionsEditor.richTextField.fontSizeDecrease": "Diminuir tamanho da fonte",
"sectionsEditor.richTextField.fontSizeIncrease": "Aumentar tamanho da fonte",
"sectionsEditor.richTextField.italic": "Itálico",
"sectionsEditor.richTextField.orderedList": "Lista numerada",
"sectionsEditor.richTextField.strikethrough": "Tachado",
"sectionsEditor.richTextField.styleHeading": "Título {level}",
"sectionsEditor.richTextField.styleLabel": "Estilo do texto",
"sectionsEditor.richTextField.styleParagraph": "Parágrafo",
"sectionsEditor.richTextField.underline": "Sublinhado",
"sectionsEditor.richTextLinkControl.applyLinkLabel": "Aplicar link",
"sectionsEditor.richTextLinkControl.linkButtonLabel": "Link",
"sectionsEditor.richTextLinkControl.newTabLabel": "Nova aba",
Expand Down
Loading