@nomideusz/svelte-calendar 0.7.1 → 0.7.3

package/dist/views/planner/PlannerDay.svelte

@@ -712,6 +712,10 @@
 		overflow: hidden;
 		user-select: none;
 		font-variant-numeric: tabular-nums;
+		/* The track is px-sized from the container width; never let it feed
+		   back into our own intrinsic size (host flex/grid min-width:auto
+		   would otherwise loop container → hourWidth → track → container). */
+		contain: inline-size;
 	}
 	.fs--auto { overflow: visible; }
 
@@ -726,7 +730,9 @@
 		scrollbar-width: thin;
 		scrollbar-color: var(--dt-scrollbar, rgba(0, 0, 0, 0.1)) transparent;
 	}
-	.fs--auto .fs-scroll { height: auto; overflow: visible; }
+	/* Auto height grows vertically, but horizontal containment must stay —
+	   overflow: visible here painted the whole track outside the calendar. */
+	.fs--auto .fs-scroll { height: auto; overflow-x: auto; overflow-y: hidden; }
 	.fs-scroll::-webkit-scrollbar { height: 5px; }
 	.fs-scroll::-webkit-scrollbar-thumb {
 		background: var(--dt-scrollbar, rgba(0, 0, 0, 0.1));
@@ -944,6 +950,7 @@
 		border-radius: 6px;
 		cursor: pointer;
 		background: color-mix(in srgb, var(--ev-color) 15%, var(--dt-surface, var(--dt-bg, #ffffff)));
+		border: 1px solid color-mix(in srgb, var(--ev-color) 40%, transparent);
 		overflow: hidden;
 		display: flex;
 		align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nomideusz/svelte-calendar",
-	"version": "0.7.1",
+	"version": "0.7.3",
 	"description": "A themeable Svelte 5 calendar with Day and Week views — Planner and Agenda.",
 	"type": "module",
 	"license": "MIT",

package/widget/svelte-calendar.css

@@ -5,6 +5,10 @@
 		overflow: hidden;
 		user-select: none;
 		font-variant-numeric: tabular-nums;
+		/* The track is px-sized from the container width; never let it feed
+		   back into our own intrinsic size (host flex/grid min-width:auto
+		   would otherwise loop container → hourWidth → track → container). */
+		contain: inline-size;
 	}
 	.fs--auto.svelte-mrwdy7 { overflow: visible; }
 
@@ -19,7 +23,9 @@
 		scrollbar-width: thin;
 		scrollbar-color: var(--dt-scrollbar, rgba(0, 0, 0, 0.1)) transparent;
 	}
-	.fs--auto.svelte-mrwdy7 .fs-scroll:where(.svelte-mrwdy7) { height: auto; overflow: visible; }
+	/* Auto height grows vertically, but horizontal containment must stay —
+	   overflow: visible here painted the whole track outside the calendar. */
+	.fs--auto.svelte-mrwdy7 .fs-scroll:where(.svelte-mrwdy7) { height: auto; overflow-x: auto; overflow-y: hidden; }
 	.fs-scroll.svelte-mrwdy7::-webkit-scrollbar { height: 5px; }
 	.fs-scroll.svelte-mrwdy7::-webkit-scrollbar-thumb {
 		background: var(--dt-scrollbar, rgba(0, 0, 0, 0.1));
@@ -237,6 +243,7 @@
 		border-radius: 6px;
 		cursor: pointer;
 		background: color-mix(in srgb, var(--ev-color) 15%, var(--dt-surface, var(--dt-bg, #ffffff)));
+		border: 1px solid color-mix(in srgb, var(--ev-color) 40%, transparent);
 		overflow: hidden;
 		display: flex;
 		align-items: center;