FIX - keep Local Pages banner copy white

Apply the white foreground directly to every city-banner text element so Sky UI and light-mode colors cannot override it. Extend the Local Pages UI contract test for the explicit banner styling.
This commit is contained in:
Leon.Schmidt
2026-08-17 13:46:08 +02:00
parent 409d22e57b
commit 62b404f5b5
2 changed files with 8 additions and 0 deletions
@@ -24,6 +24,9 @@ describe('LocalPagesApp Sky UI contract', () => {
/\.pages-hero-glass\s*\{[^}]*background:\s*linear-gradient[^}]*color:\s*#fff/s,
)
expect(source).toMatch(/\.pages__hero\s*\{[^}]*color:\s*#fff/s)
expect(source).toMatch(
/\.pages-hero-glass \.pages__hero small,[\s\S]*?\.pages-hero-glass \.pages__hero strong,[\s\S]*?\.pages-hero-glass \.pages__hero span\s*\{[^}]*color:\s*#fff/,
)
})
it('animates successful likes and saves with reduced motion support', () => {
@@ -2791,6 +2791,11 @@ onMounted(async () => {
color: #fff;
box-shadow: 0 8px 22px rgb(0 0 0 / 22%);
}
.pages-hero-glass .pages__hero small,
.pages-hero-glass .pages__hero strong,
.pages-hero-glass .pages__hero span {
color: #fff;
}
.pages__hero {
height: 105px;
margin: 0;