From 9372ae8e18cb44e00c19888c913cb1a7a9cba381 Mon Sep 17 00:00:00 2001 From: Torsten Brendgen Date: Mon, 24 Aug 2026 20:15:37 +0200 Subject: [PATCH] Aktualisiere das Styling der Datumsanzeige und verbessere die Darstellung von Datum und Ort --- .../recurringEvents/components/RecurringEvents.module.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/webparts/recurringEvents/components/RecurringEvents.module.scss b/src/webparts/recurringEvents/components/RecurringEvents.module.scss index e053cc0..1a2cc6c 100644 --- a/src/webparts/recurringEvents/components/RecurringEvents.module.scss +++ b/src/webparts/recurringEvents/components/RecurringEvents.module.scss @@ -20,10 +20,10 @@ .cardLink:focus, .compactLink:focus { outline: 2px solid "[theme:focusBorder, default:#605e5c]"; outline-offset: -2px; } .cardContent, .compactContent { display: block; flex: 1 1 auto; min-width: 0; } .dateBadge { color: "[theme:themePrimary, default:#0078d4]"; display: flex; flex: 0 0 48px; flex-direction: column; margin-right: 12px; text-align: center; } -.month { font-size: 11px; font-weight: 600; line-height: 16px; text-transform: uppercase; } -.day { color: "[theme:bodyText, default:#323130]"; font-size: 22px; font-weight: 300; line-height: 28px; } +.month { font-size: 12px; font-weight: 400; line-height: 16px; text-transform: uppercase; } +.day { color: "[theme:bodyText, default:#323130]"; font-size: 21px; font-weight: 600; line-height: 28px; } .title { display: block; font-size: 14px; font-weight: 600; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } -.dateLine, .location { color: "[theme:neutralSecondary, default:#605e5c]"; display: block; font-size: 12px; line-height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.dateLine, .location {border: 1px solid #c8c8c8; min-width: 62px; height: 62px; justify-content: center; color: "[theme:neutralSecondary, default:#605e5c]"; display: block; font-size: 12px; line-height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .recurringIcon { color: "[theme:themePrimary, default:#0078d4]"; flex: 0 0 28px; font-size: 18px; text-align: center; } .status { color: "[theme:bodyText, default:#323130]"; padding: 16px; } .error { color: "[theme:errorText, default:#a80000]"; padding: 16px; }