admin/Odoo-Modules
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(fusion_clock): un-squeeze the NFC kiosk Manager PIN pad on tablets

Browse Source 
The --pin panel used width:auto, so in the centred flex overlay it
collapsed to its content width and crushed the 3-column numpad. Give it
a definite width (min(86vw, 380px)) and make the keys proper tappable
squares (min-height 60px, 1.6rem font).

Deployed live to entech (LXC 111) as 19.0.3.11.1.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
gsinghpal
2026-05-30 17:43:54 -04:00
parent 5a488ae86e
commit 3235d4ceca
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
fusion_clock/static/src/scss/nfc_kiosk.scss
View File

@@ -512,8 +512,9 @@ html:has(#nfc_kiosk_root) {
max-height: 92vh;
overflow-y: auto;
// Compact PIN-pad variant — narrower + tighter than the wide list panels
&--pin { width: auto; max-width: 360px; padding: 1.5rem 1.5rem 1.25rem; }
// Compact PIN-pad variant — narrower than the wide list panels, but a
// definite width so the centred flex overlay doesn't collapse it.
&--pin { width: min(86vw, 380px); max-width: none; padding: 1.75rem 1.75rem 1.5rem; }
h2 {
font-size: 1.5rem;
@@ -525,12 +526,13 @@ html:has(#nfc_kiosk_root) {
.numpad {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.5rem;
gap: 0.6rem;
margin: 0.5rem 0 0.75rem;
button {
font-size: 1.45rem;
padding: 0.7rem 0;
font-size: 1.6rem;
min-height: 60px;
padding: 0.4rem 0;
background: rgba(255,255,255,0.05);
color: var(--nfc-text);
border: 1px solid rgba(255,255,255,0.1);