diff --git a/packages/browser/src/report-dialog-styles.ts b/packages/browser/src/report-dialog-styles.ts index e7541978..b053c957 100644 --- a/packages/browser/src/report-dialog-styles.ts +++ b/packages/browser/src/report-dialog-styles.ts @@ -242,8 +242,8 @@ textarea.${p}input { min-height: 8.2em; resize: vertical; } /* The link has no box of its own: its logo and text are laid out on the footer grid, with the version line under the text. */ .${p}powered { display: contents; font-size: 16px; color: ${v('hint')}; text-decoration: none; } -.${p}logo { grid-column: 1; grid-row: 1 / span 2; display: block; height: 30px; width: auto; } -.${p}powered-text { grid-column: 2; grid-row: 1; font-size: 16px; color: ${v('hint')}; } +.${p}logo { grid-column: 1; grid-row: 1 / span 2; display: block; height: 18px; width: auto; } +.${p}powered-text { grid-column: 2; grid-row: 1; font-size: 11px; color: ${v('hint')}; } .${p}version { grid-column: 2; grid-row: 2; margin: 0; font-size: 9px; color: ${v('hint')}; opacity: 0.3; } .${p}powered:hover .${p}powered-text { color: ${v('text')}; text-decoration: underline; } .${p}powered:focus-visible .${p}powered-text, diff --git a/packages/browser/src/report-dialog.test.ts b/packages/browser/src/report-dialog.test.ts index c695230d..026a6a31 100644 --- a/packages/browser/src/report-dialog.test.ts +++ b/packages/browser/src/report-dialog.test.ts @@ -715,6 +715,15 @@ describe('mutation-driven gaps', () => { describe('powered-by link', () => { const link = (): HTMLAnchorElement => q('a[data-powered]'); + it('sizes the footer logo at 18px high and the "Powered by" text at 11px', () => { + const rule = (cls: string): string => + REPORT_DIALOG_CSS.match(new RegExp(`\\.bugsee-reporting-dialog-${cls} \\{([^}]*)\\}`))?.[1] ?? + ''; + expect(rule('logo')).toMatch(/height: 18px;/); + expect(rule('logo')).not.toMatch(/height: 30px/); + expect(rule('powered-text')).toMatch(/font-size: 11px;/); + }); + it('shows the Bugsee logo with "Powered by Bugsee" at the bottom of the dialog', () => { const { show } = harness(); void show();