Janus007/Calendar
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adds user-select: none to calendar elements

Browse source 
Prevents text selection for calendar-related custom elements to improve user interaction and prevent accidental text highlighting

Enhances UI consistency across calendar components
This commit is contained in:
Janus C. H. Knudsen 2025-12-10 20:39:21 +01:00
parent 4e47df2e5c
commit ae48ff38d0
2 changed files with 5 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

3
wwwroot/css/v2/calendar-v2-events.css
View file

@ -14,6 +14,7 @@ swp-day-columns swp-event {
right: 2px; right: 2px;
font-size: 12px; font-size: 12px;
padding: 4px 6px; padding: 4px 6px;
user-select: none;
/* Color system using color-mix() */ /* Color system using color-mix() */
background-color: color-mix(in srgb, var(--b-primary) 10%, var(--b-mix)); background-color: color-mix(in srgb, var(--b-primary) 10%, var(--b-mix));
@ -171,6 +172,7 @@ swp-multi-day-event {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
user-select: none;
/* Color system using color-mix() */ /* Color system using color-mix() */
--b-text: var(--color-text); --b-text: var(--color-text);
@ -227,6 +229,7 @@ swp-allday-event {
border-left: 4px solid var(--b-primary); border-left: 4px solid var(--b-primary);
cursor: pointer; cursor: pointer;
transition: background-color 200ms ease; transition: background-color 200ms ease;
user-select: none;
&:hover { &:hover {
background-color: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix)); background-color: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix));

2
wwwroot/css/v2/calendar-v2-layout.css
View file

@ -65,6 +65,7 @@ swp-time-axis {
border-right: 1px solid var(--color-border); border-right: 1px solid var(--color-border);
background: var(--color-surface); background: var(--color-surface);
overflow: hidden; overflow: hidden;
user-select: none;
} }
swp-header-spacer { swp-header-spacer {
@ -177,6 +178,7 @@ swp-team-header {
text-align: center; text-align: center;
border-right: 1px solid var(--color-border); border-right: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
user-select: none;
} }
swp-team-header { swp-team-header {