diff --git a/src/components/bbcode-editor-toolbar/bbcode-editor-toolbar.module.css b/src/components/bbcode-editor-toolbar/bbcode-editor-toolbar.module.css index 6aac83fb..75fbcda5 100644 --- a/src/components/bbcode-editor-toolbar/bbcode-editor-toolbar.module.css +++ b/src/components/bbcode-editor-toolbar/bbcode-editor-toolbar.module.css @@ -61,5 +61,6 @@ padding: 3px 4px; border: 1px inset; background: var(--post-form-field-input-background-color, revert); + font-weight: normal; overflow-wrap: anywhere; } diff --git a/src/components/post-form/__tests__/post-form.test.tsx b/src/components/post-form/__tests__/post-form.test.tsx index 79606eaa..e1399981 100644 --- a/src/components/post-form/__tests__/post-form.test.tsx +++ b/src/components/post-form/__tests__/post-form.test.tsx @@ -766,9 +766,14 @@ describe('PostForm', () => { expect(linkButton).toBeTruthy(); expect(sizeSelect).toBeTruthy(); expect(table?.querySelector('select[aria-label="Text color"]')).toBeNull(); - expect(rows.some((row) => row.querySelector('td')?.textContent === 'mods only')).toBe(true); + expect(rows.some((row) => row.querySelector('td')?.textContent === 'format')).toBe(true); expect(rows.some((row) => row.querySelector('td')?.textContent === 'comment')).toBe(true); + expect(container.textContent).toContain('warning: posting as moderator'); + const moderatorWarning = Array.from(container.querySelectorAll('div')).find((element) => element.textContent === 'warning: posting as moderator'); + expect(moderatorWarning?.className).toContain('error'); + expect(moderatorWarning?.className).toContain('formError'); expect(table?.textContent).not.toContain('Mod editor'); + expect(table?.textContent).not.toContain('mods only'); expect(table?.querySelector('button[aria-label="Quote"]')).toBeNull(); await dispatchInput(textarea as HTMLTextAreaElement, 'hello world'); @@ -822,6 +827,7 @@ describe('PostForm', () => { expect(container.querySelector('button[aria-label="Bold"]')).toBeNull(); expect(container.textContent).not.toContain('mods only'); + expect(container.textContent).not.toContain('warning: posting as moderator'); }); it('shows the pasted file-link filename next to the upload button', async () => { diff --git a/src/components/post-form/post-form.tsx b/src/components/post-form/post-form.tsx index a78b1e48..b444b796 100644 --- a/src/components/post-form/post-form.tsx +++ b/src/components/post-form/post-form.tsx @@ -261,7 +261,7 @@ const PostFormFields = ({ )} {showBbcodeToolbar ? (