IAM dialog: checkbox text no longer toggles the control

Replace label[for] captions with plain spans so warehouse and scope
options only change when clicking the checkbox itself.

Co-authored-by: alberto.martinez <alberto.martinez@mrdev.mx>
This commit is contained in:
Cursor Agent 2026-09-08 19:07:02 +00:00
parent 4767676976
commit d9aeee1073
No known key found for this signature in database

View file

@ -73,7 +73,7 @@
<div class="flex flex-column gap-2">
<div class="flex align-items-center gap-2">
<Checkbox v-model="userForm.scope_all_projects" input-id="scope-all" binary />
<label for="scope-all">Todas las obras</label>
<span class="checkbox-caption">Todas las obras</span>
</div>
<MultiSelect
v-if="!userForm.scope_all_projects"
@ -90,11 +90,11 @@
<div class="flex flex-column gap-2">
<div class="flex align-items-center gap-2">
<Checkbox v-model="userForm.warehouse_central" input-id="wh-central" binary />
<label for="wh-central">Almacén central</label>
<span class="checkbox-caption">Almacén central</span>
</div>
<div class="flex align-items-center gap-2">
<Checkbox v-model="userForm.warehouse_projects" input-id="wh-projects" binary />
<label for="wh-projects">Almacenes de obra</label>
<span class="checkbox-caption">Almacenes de obra</span>
</div>
</div>
</FormField>
@ -518,4 +518,9 @@ onMounted(async () => {
<style scoped>
.form-grid { display: flex; flex-direction: column; gap: 12px; }
.checkbox-caption {
font-size: 0.875rem;
color: var(--text-color);
user-select: none;
}
</style>