@ticketboothapp/booking 1.2.33 → 1.2.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ticketboothapp/booking",
-  "version": "1.2.33",
+  "version": "1.2.35",
   "private": false,
   "sideEffects": [
     "**/*.css",

package/src/components/booking/Calendar.module.css

@@ -93,6 +93,13 @@
   position: relative;
 }
 
+/* Admin capacity mode: let the calendar frame be wider so 7 days fit without horizontal scrolling. */
+@media (min-width: 640px) {
+  .calendar.calendarAdminMode {
+    max-width: 56rem;
+  }
+}
+
 
 .calendarHeader {
   display: flex;
@@ -367,13 +374,12 @@
    or those rules override equal-specificity .calendar*AdminWide (cascade bug). */
 @media (min-width: 640px) {
   .calendarGridInnerAdminWide {
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
+    overflow-x: visible;
   }
 
   .calendarHeaderRow.calendarHeaderRowAdminWide,
   .calendarDaysGrid.calendarDaysGridAdminWide {
-    grid-template-columns: repeat(7, minmax(6.75rem, 1fr));
+    grid-template-columns: repeat(7, minmax(6.1rem, 1fr));
   }
 }
 
@@ -409,10 +415,10 @@
 /* Admin (showCapacity): extra line under each time pill — taller cells on sm+ only */
 @media (min-width: 640px) {
   .calendar .calendarDayCell.calendarDayCellWithAdminCapacity {
-    min-height: 6.5rem;
+    min-height: 6.9rem;
   }
   .calendar .calendarDayCell.calendarDayCellWithAdminCapacity.calendarDayCellWithAdminCapacityTall {
-    min-height: 7.5rem;
+    min-height: 8rem;
   }
 }
 

package/src/components/booking/Calendar.tsx

@@ -197,7 +197,7 @@ const DateCell = memo(function DateCell({
   const needsTallerCell = !isMobile && slotCount > 2;
   const mobileNeedsTaller = isMobile && slotCount > 2;
   const adminCapacityTallCells =
-    Boolean(showCapacity) && !isMobile && slotCount > 0 && displayMode === 'times';
+    Boolean(showCapacity) && !isMobile && displayMode === 'times';
   const buttonClassName = useMemo(() => cn(
     styles.calendarDayCell,
     isMobile && (mobileNeedsTaller ? styles.calendarDayCellMobileTall : styles.calendarDayCellMobile),
@@ -892,7 +892,12 @@ export function Calendar({
   };
 
   return (
-    <div className={styles.calendar}>
+    <div
+      className={cn(
+        styles.calendar,
+        wideAdminCalendarColumns && styles.calendarAdminMode,
+      )}
+    >
       {/* Calendar Header with Navigation */}
       <div className={styles.calendarHeader}>
         <button