diff --git a/src/styles/tile-contract.css b/src/styles/tile-contract.css index df1fa61..98f3629 100644 --- a/src/styles/tile-contract.css +++ b/src/styles/tile-contract.css @@ -5,3 +5,9 @@ grid-template-columns: repeat(auto-fill, var(--tile-compact-width)); justify-content: start; } + +@media (min-width: 1101px) { + .datahub-reference-controls { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } +} diff --git a/tests/features/datahub-centered-layout.test.ts b/tests/features/datahub-centered-layout.test.ts index 3f11d13..9d3bcff 100644 --- a/tests/features/datahub-centered-layout.test.ts +++ b/tests/features/datahub-centered-layout.test.ts @@ -7,6 +7,7 @@ import { DatahubHistoryOverview } from '../../src/features/project-import/Datahu const datahubStyles = readFileSync(new URL('../../src/styles/datahub-redesign.css', import.meta.url), 'utf8'); const datahubTableStyles = readFileSync(new URL('../../src/styles/datahub.css', import.meta.url), 'utf8'); const componentStyles = readFileSync(new URL('../../src/styles/components.css', import.meta.url), 'utf8'); +const tileContractStyles = readFileSync(new URL('../../src/styles/tile-contract.css', import.meta.url), 'utf8'); const tokens = readFileSync(new URL('../../src/styles/ui-tokens.css', import.meta.url), 'utf8'); const overview = readFileSync(new URL('../../src/features/project-import/DatahubHistoryOverview.tsx', import.meta.url), 'utf8'); const donut = readFileSync(new URL('../../src/components/DonutMetricCard/DonutMetricCard.tsx', import.meta.url), 'utf8'); @@ -47,6 +48,7 @@ describe('Datahub centered reference rack layout', () => { expect(componentStyles).toContain('Verbindlicher Donut-Standard: Referenz vom 2026-08-05.'); expect(componentStyles).toContain('grid-template-columns: repeat(6, minmax(0, 1fr));'); + expect(tileContractStyles).toMatch(/@media \(min-width: 1101px\)\s*\{\s*\.datahub-reference-controls\s*\{[^}]*grid-template-columns:\s*repeat\(6, minmax\(0, 1fr\)\);/s); expect(componentStyles).toContain('padding: var(--segment-inset);'); expect(componentStyles).toContain('.donut-metric-card::before'); expect(componentStyles).toContain('border-radius: var(--tile-radius);');