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