diff --git a/core/src/components/list-header/list-header.ios.vars.scss b/core/src/components/list-header/list-header.ios.vars.scss index 148228cc88..f0019cbc1f 100644 --- a/core/src/components/list-header/list-header.ios.vars.scss +++ b/core/src/components/list-header/list-header.ios.vars.scss @@ -8,7 +8,7 @@ $list-header-ios-padding-start: $item-ios-padding-start !default; /// @prop - Font size of the list header -$list-header-ios-font-size: 22px !default; +$list-header-ios-font-size: min(1.375rem, 56px) !default; /// @prop - Font weight of the list header $list-header-ios-font-weight: 700 !default; diff --git a/core/src/components/list-header/list-header.md.vars.scss b/core/src/components/list-header/list-header.md.vars.scss index 6a34cc4575..a2c26ed227 100644 --- a/core/src/components/list-header/list-header.md.vars.scss +++ b/core/src/components/list-header/list-header.md.vars.scss @@ -11,7 +11,7 @@ $list-header-md-padding-start: $item-md-padding-start !default; $list-header-md-min-height: 45px !default; /// @prop - Font size of the list header -$list-header-md-font-size: 14px !default; +$list-header-md-font-size: 0.875rem !default; /// @prop - Text color of the list header $list-header-md-color: $text-color !default; diff --git a/core/src/components/list-header/test/a11y/list-header.e2e.ts b/core/src/components/list-header/test/a11y/list-header.e2e.ts new file mode 100644 index 0000000000..baada54b92 --- /dev/null +++ b/core/src/components/list-header/test/a11y/list-header.e2e.ts @@ -0,0 +1,27 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('list-header: font scaling'), () => { + test('should scale default list-header text on larger font sizes', async ({ page }) => { + await page.setContent( + ` + + + + List Header + + `, + config + ); + + const listHeader = page.locator('ion-list-header'); + + await expect(listHeader).toHaveScreenshot(screenshot(`list-header-default-scale`)); + }); + }); +}); diff --git a/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..7bf71a7b42 Binary files /dev/null and b/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..179ba5ed13 Binary files /dev/null and b/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-ios-ltr-Mobile-Safari-linux.png b/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..bb42e612b2 Binary files /dev/null and b/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-md-ltr-Mobile-Chrome-linux.png b/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..e1651162f1 Binary files /dev/null and b/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-md-ltr-Mobile-Firefox-linux.png b/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..698538ef4c Binary files /dev/null and b/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-md-ltr-Mobile-Safari-linux.png b/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..686474c8e6 Binary files /dev/null and b/core/src/components/list-header/test/a11y/list-header.e2e.ts-snapshots/list-header-default-scale-md-ltr-Mobile-Safari-linux.png differ