@nomideusz/svelte-calendar 0.7.4 → 0.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -642,6 +642,7 @@
642
642
  style:--ev-color={p.ev.color ?? 'var(--dt-accent)'}
643
643
  role="button"
644
644
  tabindex="0"
645
+ title={p.ev.title}
645
646
  aria-label="{p.ev.title}{p.ev.status === 'cancelled' ? ' (cancelled)' : ''}{p.ev.status === 'tentative' ? ' (tentative)' : ''}{p.ev.status === 'full' ? ' (full)' : ''}{p.ev.status === 'limited' ? ' (limited)' : ''}{p.isCurrent ? ` (${L.inProgress})` : ''}{p.isNext ? ` (${L.upNext})` : ''}"
646
647
  onpointerdown={(e) => onEventPointerDown(e, p.ev)}
647
648
  onpointerenter={() => oneventhover?.(p.ev)}
@@ -975,8 +976,7 @@
975
976
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ev-color) 20%, transparent);
976
977
  }
977
978
  .fs-event--next {
978
- background: color-mix(in srgb, var(--ev-color) 12%, var(--dt-surface, var(--dt-bg, #ffffff)));
979
- border: 1px dashed color-mix(in srgb, var(--ev-color) 35%, transparent);
979
+ border-color: color-mix(in srgb, var(--ev-color) 75%, transparent);
980
980
  }
981
981
  .fs-event--dragging {
982
982
  opacity: 0.85;
@@ -1053,7 +1053,13 @@
1053
1053
  color: var(--dt-text, rgba(0, 0, 0, 0.87));
1054
1054
  overflow: hidden;
1055
1055
  text-overflow: ellipsis;
1056
- white-space: nowrap;
1056
+ /* In vertical writing mode line boxes stack as columns — allow a
1057
+ second column before truncating so overlapping (short) cards keep
1058
+ readable names. Full name is in the title tooltip. */
1059
+ display: -webkit-box;
1060
+ -webkit-box-orient: vertical;
1061
+ -webkit-line-clamp: 2;
1062
+ white-space: normal;
1057
1063
  max-height: 100%;
1058
1064
  flex-shrink: 0;
1059
1065
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nomideusz/svelte-calendar",
3
- "version": "0.7.4",
3
+ "version": "0.7.5",
4
4
  "description": "A themeable Svelte 5 calendar with Day and Week views — Planner and Agenda.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -268,8 +268,7 @@
268
268
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ev-color) 20%, transparent);
269
269
  }
270
270
  .fs-event--next.svelte-mrwdy7 {
271
- background: color-mix(in srgb, var(--ev-color) 12%, var(--dt-surface, var(--dt-bg, #ffffff)));
272
- border: 1px dashed color-mix(in srgb, var(--ev-color) 35%, transparent);
271
+ border-color: color-mix(in srgb, var(--ev-color) 75%, transparent);
273
272
  }
274
273
  .fs-event--dragging.svelte-mrwdy7 {
275
274
  opacity: 0.85;
@@ -346,7 +345,13 @@
346
345
  color: var(--dt-text, rgba(0, 0, 0, 0.87));
347
346
  overflow: hidden;
348
347
  text-overflow: ellipsis;
349
- white-space: nowrap;
348
+ /* In vertical writing mode line boxes stack as columns — allow a
349
+ second column before truncating so overlapping (short) cards keep
350
+ readable names. Full name is in the title tooltip. */
351
+ display: -webkit-box;
352
+ -webkit-box-orient: vertical;
353
+ -webkit-line-clamp: 2;
354
+ white-space: normal;
350
355
  max-height: 100%;
351
356
  flex-shrink: 0;
352
357
  }
package/widget/widget.js CHANGED
@@ -7238,6 +7238,7 @@
7238
7238
  "fs-event--full": get(p).ev.status === "full",
7239
7239
  "fs-event--limited": get(p).ev.status === "limited"
7240
7240
  });
7241
+ set_attribute(div_9, "title", get(p).ev.title);
7241
7242
  set_attribute(div_9, "aria-label", `${get(p).ev.title ?? ""}${get(p).ev.status === "cancelled" ? " (cancelled)" : ""}${get(p).ev.status === "tentative" ? " (tentative)" : ""}${get(p).ev.status === "full" ? " (full)" : ""}${get(p).ev.status === "limited" ? " (limited)" : ""}${get(p).isCurrent ? ` (${get(L).inProgress})` : ""}${get(p).isNext ? ` (${get(L).upNext})` : ""}`);
7242
7243
  styles_7 = set_style(div_9, "", styles_7, {
7243
7244
  left: `${get(p).x ?? ""}px`,