@nomideusz/svelte-calendar 0.7.1 → 0.7.3

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.
@@ -712,6 +712,10 @@
712
712
  overflow: hidden;
713
713
  user-select: none;
714
714
  font-variant-numeric: tabular-nums;
715
+ /* The track is px-sized from the container width; never let it feed
716
+ back into our own intrinsic size (host flex/grid min-width:auto
717
+ would otherwise loop container → hourWidth → track → container). */
718
+ contain: inline-size;
715
719
  }
716
720
  .fs--auto { overflow: visible; }
717
721
 
@@ -726,7 +730,9 @@
726
730
  scrollbar-width: thin;
727
731
  scrollbar-color: var(--dt-scrollbar, rgba(0, 0, 0, 0.1)) transparent;
728
732
  }
729
- .fs--auto .fs-scroll { height: auto; overflow: visible; }
733
+ /* Auto height grows vertically, but horizontal containment must stay —
734
+ overflow: visible here painted the whole track outside the calendar. */
735
+ .fs--auto .fs-scroll { height: auto; overflow-x: auto; overflow-y: hidden; }
730
736
  .fs-scroll::-webkit-scrollbar { height: 5px; }
731
737
  .fs-scroll::-webkit-scrollbar-thumb {
732
738
  background: var(--dt-scrollbar, rgba(0, 0, 0, 0.1));
@@ -944,6 +950,7 @@
944
950
  border-radius: 6px;
945
951
  cursor: pointer;
946
952
  background: color-mix(in srgb, var(--ev-color) 15%, var(--dt-surface, var(--dt-bg, #ffffff)));
953
+ border: 1px solid color-mix(in srgb, var(--ev-color) 40%, transparent);
947
954
  overflow: hidden;
948
955
  display: flex;
949
956
  align-items: center;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nomideusz/svelte-calendar",
3
- "version": "0.7.1",
3
+ "version": "0.7.3",
4
4
  "description": "A themeable Svelte 5 calendar with Day and Week views — Planner and Agenda.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -5,6 +5,10 @@
5
5
  overflow: hidden;
6
6
  user-select: none;
7
7
  font-variant-numeric: tabular-nums;
8
+ /* The track is px-sized from the container width; never let it feed
9
+ back into our own intrinsic size (host flex/grid min-width:auto
10
+ would otherwise loop container → hourWidth → track → container). */
11
+ contain: inline-size;
8
12
  }
9
13
  .fs--auto.svelte-mrwdy7 { overflow: visible; }
10
14
 
@@ -19,7 +23,9 @@
19
23
  scrollbar-width: thin;
20
24
  scrollbar-color: var(--dt-scrollbar, rgba(0, 0, 0, 0.1)) transparent;
21
25
  }
22
- .fs--auto.svelte-mrwdy7 .fs-scroll:where(.svelte-mrwdy7) { height: auto; overflow: visible; }
26
+ /* Auto height grows vertically, but horizontal containment must stay —
27
+ overflow: visible here painted the whole track outside the calendar. */
28
+ .fs--auto.svelte-mrwdy7 .fs-scroll:where(.svelte-mrwdy7) { height: auto; overflow-x: auto; overflow-y: hidden; }
23
29
  .fs-scroll.svelte-mrwdy7::-webkit-scrollbar { height: 5px; }
24
30
  .fs-scroll.svelte-mrwdy7::-webkit-scrollbar-thumb {
25
31
  background: var(--dt-scrollbar, rgba(0, 0, 0, 0.1));
@@ -237,6 +243,7 @@
237
243
  border-radius: 6px;
238
244
  cursor: pointer;
239
245
  background: color-mix(in srgb, var(--ev-color) 15%, var(--dt-surface, var(--dt-bg, #ffffff)));
246
+ border: 1px solid color-mix(in srgb, var(--ev-color) 40%, transparent);
240
247
  overflow: hidden;
241
248
  display: flex;
242
249
  align-items: center;