From c59c67bd1857b031107c83cf114cac77784a73d1 Mon Sep 17 00:00:00 2001 From: Albrecht Degering Date: Tue, 18 Aug 2026 21:32:50 +0200 Subject: [PATCH] style: align mail with shared WebUI foundations --- webui/scripts/test-interface-pattern-language.mjs | 2 +- webui/src/styles/mail-profiles.css | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/webui/scripts/test-interface-pattern-language.mjs b/webui/scripts/test-interface-pattern-language.mjs index 75c3e4e..a997c9e 100644 --- a/webui/scripts/test-interface-pattern-language.mjs +++ b/webui/scripts/test-interface-pattern-language.mjs @@ -38,7 +38,7 @@ assert.doesNotMatch(`${profiles}\n${mailbox}\n${bounces}`, /window\.(?:alert|con assert.doesNotMatch(`${profiles}\n${mailbox}\n${bounces}\n${moduleSource}`, /@govoplan\/(?:campaign|files|docs|calendar)-webui|govoplan_(?:campaign|files|docs|calendar)/); assert.match(moduleSource, /"mail\.profiles"/); assert.match(styles, /@media \(max-width: 900px\)[\s\S]*\.mail-profile-transport-summary[\s\S]*grid-template-columns: 1fr/); -assert.match(styles, /@media \(max-width: 1250px\)[\s\S]*\.mailbox-shell\.file-manager-shell[\s\S]*grid-template-columns:/); +assert.match(styles, /@media \(max-width: 1280px\)[\s\S]*\.mailbox-shell\.file-manager-shell[\s\S]*grid-template-columns:/); assert.match(styles, /@media \(max-width: 760px\)[\s\S]*\.mailbox-toolbar\.file-manager-toolbar[\s\S]*grid-template-columns: 1fr/); for (const archetype of ["Directory/explorer", "Administration/configuration", "Effective-policy editor", "Evidence/reporting"]) { diff --git a/webui/src/styles/mail-profiles.css b/webui/src/styles/mail-profiles.css index 0fc836c..5e0eeee 100644 --- a/webui/src/styles/mail-profiles.css +++ b/webui/src/styles/mail-profiles.css @@ -377,7 +377,7 @@ overflow-wrap: anywhere; } -@media (max-width: 1200px) { +@media (max-width: 1280px) { .mailbox-layout { grid-template-columns: 220px minmax(0, 1fr); } @@ -598,7 +598,7 @@ padding: 18px; } -@media (max-width: 1250px) { +@media (max-width: 1280px) { .mailbox-shell.file-manager-shell { grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); }