usite-sas-bic/whatsapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

formulario consent embed: 3 columnas para inputs cortos + checkboxes más grandes

Browse Source 
- Grid pasa de 2 a 3 columnas en modo compact; campo-full abarca las 3
- texto/textarea siguen en fila completa (campo-full)
- numero, edad, fecha, hora ocupan 1/3 → caben 3 por fila
- form-check-input 1.35em, min-height 2.2rem para área táctil cómoda en tablet

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-07-16 21:16:41 -05:00
co-authored by Claude Sonnet 4.6
parent 50446a3914
commit 0a09b07ea1
1 changed files with 29 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ver_formulario_enviado.php
+29 -5
View File
@@ -533,10 +533,32 @@ function _addExamWizardHtml(string $cid): string {
<?php endif; ?>
<?php if ($compact): ?>
/* ── Modo compact (tablet, 2 columnas) ── */
/* ── Modo compact (3 columnas para inputs cortos) ── */
@media (min-width: 480px) {
.campos-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px; align-items: start; }
.campos-grid .campo-full { grid-column: span 2; }
.campos-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px 14px; align-items: start; }
.campos-grid .campo-full { grid-column: span 3; }
}
/* ── Checkboxes y radios con área táctil mayor ── */
.campo-edit .form-check {
padding-left: 2.2em;
min-height: 2.2rem;
display: flex;
align-items: center;
gap: 0;
}
.campo-edit .form-check-input {
width: 1.35em;
height: 1.35em;
margin-top: 0;
margin-left: -2.2em;
cursor: pointer;
flex-shrink: 0;
}
.campo-edit .form-check-label {
font-size: 15px;
line-height: 1.4;
padding-left: 0.5em;
cursor: pointer;
}
<?php endif; ?>
@@ -1060,7 +1082,7 @@ function _addExamWizardHtml(string $cid): string {
<?php endif; continue; endif; // linked
if ($tipo === 'textarea'):
?>
<div class="campo-edit<?= $compact ? ' campo-full' : '' ?>" data-campo-id="<?= esc2($cid) ?>">
<div class="campo-edit campo-full" data-campo-id="<?= esc2($cid) ?>">
<label><?= $label ?></label>
<textarea class="form-control form-control-sm" name="<?= esc2($cid) ?>"
rows="3"<?= $req ?>><?= esc2($prefill) ?></textarea>
@@ -1138,8 +1160,10 @@ function _addExamWizardHtml(string $cid): string {
'hora' => 'time',
default => 'text'
};
// texto libre ocupa fila completa; tipos cortos caben 3 por fila
$inputFullClass = ($compact && $tipo === 'texto') ? ' campo-full' : '';
?>
<div class="campo-edit" data-campo-id="<?= esc2($cid) ?>">
<div class="campo-edit<?= $inputFullClass ?>" data-campo-id="<?= esc2($cid) ?>">
<label><?= $label ?></label>
<input type="<?= $inputType ?>" class="form-control form-control-sm"
name="<?= esc2($cid) ?>" value="<?= esc2($prefill) ?>"<?= $req ?>