From 977c5b54c1829630411f34b0118daf2addf3e7f9 Mon Sep 17 00:00:00 2001 From: Torsten Brendgen Date: Mon, 24 Aug 2026 20:22:31 +0200 Subject: [PATCH] =?UTF-8?q?Verbessere=20das=20Styling=20der=20Datumsanzeig?= =?UTF-8?q?e=20durch=20Hinzuf=C3=BCgen=20eines=20Rahmens=20zur=20DateBadge?= =?UTF-8?q?=20und=20Anpassung=20der=20Eigenschaften=20f=C3=BCr=20DateLine?= =?UTF-8?q?=20und=20Location?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../recurringEvents/components/RecurringEvents.module.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/webparts/recurringEvents/components/RecurringEvents.module.scss b/src/webparts/recurringEvents/components/RecurringEvents.module.scss index 1a2cc6c..bbdbd53 100644 --- a/src/webparts/recurringEvents/components/RecurringEvents.module.scss +++ b/src/webparts/recurringEvents/components/RecurringEvents.module.scss @@ -19,11 +19,11 @@ .cardLink:hover, .compactLink:hover { background: "[theme:neutralLighterAlt, default:#faf9f8]"; color: "[theme:bodyText, default:#323130]"; } .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; } +.dateBadge {border: 1px solid #c8c8c8; min-width: 62px; height: 62px; justify-content: center; color: "[theme:themePrimary, default:#0078d4]"; display: flex; flex: 0 0 48px; flex-direction: column; margin-right: 12px; text-align: center; } .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 {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; } +.dateLine, .location {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; }