From 5ad17c0d19422c51838f5188a89ae766f1b02275 Mon Sep 17 00:00:00 2001
From: louispaulb <louis.targo@gmail.com>
Date: Thu, 4 Jun 2026 19:29:57 -0400
Subject: [PATCH] =?UTF-8?q?Planification:=20fix=20slider=20d'ajustement=20?=
 =?UTF-8?q?(menu)=20=E2=80=94=20s=C3=A9lection=20de=20texte=20+=20resize?=
 =?UTF-8?q?=20continu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- user-select:none sur le menu (rendu en portail → n'héritait pas du no-select de la grille)
  → le glissement ne sélectionne plus le texte.
- Retrait des bulles de label de la q-range (8h/18:30h) qui changeaient de largeur → le menu ne
  se redimensionne plus. La valeur reste affichée en direct sous le slider (8h–18:30h).
- Largeur du menu fixée (260px) + @mousedown.stop sur le slider.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 apps/ops/src/pages/PlanificationPage.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/ops/src/pages/PlanificationPage.vue b/apps/ops/src/pages/PlanificationPage.vue
index 13321f2..14cbd21 100644
--- a/apps/ops/src/pages/PlanificationPage.vue
+++ b/apps/ops/src/pages/PlanificationPage.vue
@@ -252,7 +252,7 @@
     </q-dialog>
 
     <q-menu v-model="menu.show" :target="menu.target" anchor="bottom left" self="top left">
-      <q-list dense style="min-width:170px">
+      <q-list dense style="min-width:260px;user-select:none;-webkit-user-select:none">
         <q-item-label header>{{ menu.tech && menu.tech.name }} — {{ menu.day && menu.day.dnum }}</q-item-label>
         <q-item v-for="a in menuCellShifts" :key="'c' + a.shift">
           <q-item-section avatar><span class="code-chip" :style="chip(cellColor(a))">{{ cellCode(a) }}</span></q-item-section>
@@ -268,8 +268,8 @@
         <q-item clickable v-close-popup @click="pasteFromMenu" :disable="!cellClipboard.length"><q-item-section avatar><q-icon name="content_paste" size="18px" /></q-item-section><q-item-section>Coller{{ cellClipboard.length ? ' (' + cellClipboard.length + ')' : '' }}</q-item-section></q-item>
         <q-separator />
         <q-item-label header>Ajuster l'horaire (glisser)</q-item-label>
-        <div class="q-px-md q-pb-sm" style="min-width:230px" @click.stop>
-          <q-range v-model="menuRange" :min="0" :max="24" :step="0.5" snap label :left-label-value="fmtH(menuRange.min) + 'h'" :right-label-value="fmtH(menuRange.max) + 'h'" color="primary" />
+        <div class="q-px-md q-pb-sm" style="width:260px" @click.stop @mousedown.stop>
+          <q-range v-model="menuRange" :min="0" :max="24" :step="0.5" snap color="primary" class="q-mt-sm" />
           <div class="row items-center no-wrap q-gutter-sm q-mt-xs">
             <span class="text-caption text-weight-bold">{{ fmtH(menuRange.min) }}h–{{ fmtH(menuRange.max) }}h</span>
             <q-space />