From 9f2bd7713b7414d5ad24b7f999057bfd0eb2c4fc Mon Sep 17 00:00:00 2001 From: Alexey Karimov Date: Fri, 30 Oct 2026 18:16:33 +0500 Subject: [PATCH 1/2] fix(browser): report dialog footer logo 18px high, powered-by text 11px Co-Authored-By: Claude Sonnet 5.5 --- packages/browser/src/report-dialog-styles.ts | 4 ++-- packages/browser/src/report-dialog.test.ts | 8 ++++++++ 2 files changed, 10 insertions(+), 2 deletions(-) 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..d57bb4d2 100644 --- a/packages/browser/src/report-dialog.test.ts +++ b/packages/browser/src/report-dialog.test.ts @@ -715,6 +715,14 @@ 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(); From fe07aa948759b0c61f4c7710956848dd195f0a8e Mon Sep 17 00:00:00 2001 From: Alexey Karimov Date: Fri, 30 Oct 2026 18:27:12 +0500 Subject: [PATCH 2/2] style(browser): format the report-dialog sizing test Co-Authored-By: Claude Sonnet 5.5 --- packages/browser/src/report-dialog.test.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/browser/src/report-dialog.test.ts b/packages/browser/src/report-dialog.test.ts index d57bb4d2..026a6a31 100644 --- a/packages/browser/src/report-dialog.test.ts +++ b/packages/browser/src/report-dialog.test.ts @@ -717,7 +717,8 @@ describe('powered-by link', () => { 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] ?? ''; + 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;/);