nodebb-plugin-onekite-calendar 2.0.50 → 2.0.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-onekite-calendar",
-  "version": "2.0.50",
+  "version": "2.0.52",
   "description": "FullCalendar-based equipment reservation workflow with admin approval & HelloAsso payment for NodeBB",
   "main": "library.js",
   "license": "MIT",

package/plugin.json

@@ -39,5 +39,5 @@
   "acpScripts": [
     "public/admin.js"
   ],
-  "version": "2.0.50"
+  "version": "2.0.52"
 }

package/public/client.js

@@ -84,12 +84,12 @@ define('forum/calendar-onekite', ['alerts', 'bootbox', 'hooks'], function (alert
 
 /* Mobile FAB date range picker (single calendar) */
 .onekite-range-picker { user-select: none; }
-.onekite-range-header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
+.onekite-range-header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:4px; }
 .onekite-range-header .btn { padding:.25rem .5rem; }
 .onekite-range-month { font-weight:600; }
 .onekite-range-weekdays, .onekite-range-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }
-.onekite-range-weekdays div { text-align:center; font-size:.8rem; opacity:.7; padding:2px 0; }
-.onekite-range-day { border:1px solid var(--bs-border-color, rgba(0,0,0,.18)); border-radius:10px; padding:8px 0; text-align:center; cursor:pointer; background:var(--bs-body-bg,#fff); color:var(--bs-body-color,#212529); }
+.onekite-range-weekdays div { text-align:center; font-size:.8rem; opacity:.7; padding:1px 0; }
+.onekite-range-day { border:1px solid var(--bs-border-color, rgba(0,0,0,.18)); border-radius:10px; padding:6px 0; text-align:center; cursor:pointer; background:var(--bs-body-bg,#fff); color:var(--bs-body-color,#212529); }
 .onekite-range-day.is-empty { border-color:transparent; background:transparent; cursor:default; }
 .onekite-range-day.is-disabled { opacity:.35; cursor:not-allowed; }
 .onekite-range-day.is-start, .onekite-range-day.is-end {
@@ -111,7 +111,11 @@ define('forum/calendar-onekite', ['alerts', 'bootbox', 'hooks'], function (alert
   .onekite-range-day.is-inrange { background: rgba(255,255,255,.08); }
   .onekite-range-day.is-start, .onekite-range-day.is-end { background: rgba(255,255,255,.14); color: var(--bs-body-color,#f8f9fa); border-color: var(--bs-border-color, rgba(255,255,255,.22)); }
 }
-.onekite-range-summary { margin-top:10px; font-size:.9rem; }
+.onekite-range-summary { margin-top:6px; font-size:.9rem; }
+
+/* Compact spacing inside the FAB creation wizard */
+.onekite-wiz-type .text-muted { margin-bottom: .25rem !important; }
+.onekite-wiz-type .btn { padding: .35rem .75rem; }
 
 `;
       document.head.appendChild(style);
@@ -2284,8 +2288,7 @@ async function openCreateWizardModal(opts) {
     end: null, // inclusive
   };
 
-  // Bonus UX: once dates are picked, scroll the type chooser into view.
-  let didAutoScrollToType = false;
+  // No auto-scroll: keep the modal stable and compact.
 
   // Pre-fill from an existing FullCalendar selection (end is exclusive)
   try {
@@ -2329,12 +2332,11 @@ async function openCreateWizardModal(opts) {
       </div>
       <div class="onekite-range-grid" id="onekite-wiz-grid"></div>
       <div class="onekite-range-summary" id="onekite-wiz-summary"></div>
-      <div class="form-text mt-2">Sélectionne une date de début puis une date de fin (incluse). Les dates passées sont désactivées.</div>
 
-      <hr class="my-3" />
+      <hr class="my-2" />
   ` : `
       <div class="onekite-range-summary" id="onekite-wiz-summary-static"><strong>${escapeHtml(summaryText())}</strong></div>
-      <hr class="my-3" />
+      <hr class="my-2" />
   `;
 
   const html = `
@@ -2342,13 +2344,12 @@ async function openCreateWizardModal(opts) {
       ${datePickerHtml}
 
       <div id="onekite-wiz-type" class="onekite-wiz-type">
-        <div class="text-muted mb-2">Que veux-tu créer sur cette/ces date(s) ?</div>
+        <div class="text-muted mb-1">Que veux-tu créer sur cette/ces date(s) ?</div>
         <div class="d-flex flex-wrap gap-2 justify-content-center">
           ${canCreateReservation ? '<button type="button" class="btn btn-onekite-location" id="onekite-wiz-btn-location">Location</button>' : ''}
           ${canCreateOuting ? '<button type="button" class="btn btn-onekite-outing" id="onekite-wiz-btn-outing">Prévision de sortie</button>' : ''}
           ${canCreateSpecial ? '<button type="button" class="btn btn-onekite-special" id="onekite-wiz-btn-special">Évènement</button>' : ''}
         </div>
-        <div class="form-text mt-2">Astuce : une fois les dates choisies, tu peux directement sélectionner le type ci-dessus.</div>
       </div>
     </div>
   `;
@@ -2449,12 +2450,6 @@ async function openCreateWizardModal(opts) {
             state.end = null;
             // If cursor month is before selected month, keep cursor
             render();
-            // Bonus UX: once a start date is chosen, bring the type buttons
-            // into view so the user can continue immediately (only once).
-            if (!didAutoScrollToType) {
-              didAutoScrollToType = true;
-              try { document.getElementById('onekite-wiz-type')?.scrollIntoView({ behavior: 'smooth', block: 'start' }); } catch (e) {}
-            }
             return;
           }
           // Second click: set end (inclusive)
@@ -2466,10 +2461,6 @@ async function openCreateWizardModal(opts) {
           }
           state.end = clicked;
           render();
-          if (!didAutoScrollToType) {
-            didAutoScrollToType = true;
-            try { document.getElementById('onekite-wiz-type')?.scrollIntoView({ behavior: 'smooth', block: 'start' }); } catch (e) {}
-          }
         });
       }
 
@@ -2575,15 +2566,7 @@ async function openCreateWizardModal(opts) {
 
       render();
 
-      // Bonus UX: if dates are already pre-filled (calendar click/selection),
-      // gently scroll to the type selector.
-      try {
-        if (state.start) {
-          setTimeout(() => {
-            try { document.getElementById('onekite-wiz-type')?.scrollIntoView({ behavior: 'smooth', block: 'start' }); } catch (e) {}
-          }, 150);
-        }
-      } catch (e) {}
+      // No auto-scroll: keep the wizard compact and stable.
     } catch (e) {}
   });
 }