From ae48ff38d06abfe4d1abbbd7c94a9c8bca6f5e2e Mon Sep 17 00:00:00 2001 From: "Janus C. H. Knudsen" Date: Wed, 10 Dec 2025 20:39:21 +0100 Subject: [PATCH] Adds user-select: none to calendar elements Prevents text selection for calendar-related custom elements to improve user interaction and prevent accidental text highlighting Enhances UI consistency across calendar components --- wwwroot/css/v2/calendar-v2-events.css | 3 +++ wwwroot/css/v2/calendar-v2-layout.css | 2 ++ 2 files changed, 5 insertions(+) diff --git a/wwwroot/css/v2/calendar-v2-events.css b/wwwroot/css/v2/calendar-v2-events.css index 306a141..dd4d46c 100644 --- a/wwwroot/css/v2/calendar-v2-events.css +++ b/wwwroot/css/v2/calendar-v2-events.css @@ -14,6 +14,7 @@ swp-day-columns swp-event { right: 2px; font-size: 12px; padding: 4px 6px; + user-select: none; /* Color system using color-mix() */ background-color: color-mix(in srgb, var(--b-primary) 10%, var(--b-mix)); @@ -171,6 +172,7 @@ swp-multi-day-event { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; + user-select: none; /* Color system using color-mix() */ --b-text: var(--color-text); @@ -227,6 +229,7 @@ swp-allday-event { border-left: 4px solid var(--b-primary); cursor: pointer; transition: background-color 200ms ease; + user-select: none; &:hover { background-color: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix)); diff --git a/wwwroot/css/v2/calendar-v2-layout.css b/wwwroot/css/v2/calendar-v2-layout.css index 35e0ba2..895d4f6 100644 --- a/wwwroot/css/v2/calendar-v2-layout.css +++ b/wwwroot/css/v2/calendar-v2-layout.css @@ -65,6 +65,7 @@ swp-time-axis { border-right: 1px solid var(--color-border); background: var(--color-surface); overflow: hidden; + user-select: none; } swp-header-spacer { @@ -177,6 +178,7 @@ swp-team-header { text-align: center; border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); + user-select: none; } swp-team-header {