julio/carinha-control-panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(jogos): letreiro do telão some no fim do tempo

Browse Source 
O #telao tinha display:flex, que vencia o atributo hidden: depois do jogo o
"EU SOU O CAMPEÃO!!!" ficava preso na tela do rosto. #telao[hidden] volta a
esconder. Conferido no S10: some sozinho no tempo pedido.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
julio
2026-10-11 22:39:39 -03:00
co-authored by Claude Opus 5.5
parent 82f9673692
commit bacecdd17e
2 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
android/app/assets/carinha.html
+1
View File
@@ -23,6 +23,7 @@
/* telão dos jogos: por cima do rosto, texto grande na cor dos olhos (o resultado tem cor própria) */ /* telão dos jogos: por cima do rosto, texto grande na cor dos olhos (o resultado tem cor própria) */
#telao{position:fixed;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center; #telao{position:fixed;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;
gap:2vh;background:rgba(0,0,0,.9);font-family:system-ui,sans-serif;color:var(--cor);text-align:center;pointer-events:none} gap:2vh;background:rgba(0,0,0,.9);font-family:system-ui,sans-serif;color:var(--cor);text-align:center;pointer-events:none}
#telao[hidden]{display:none} /* sem isto o display:flex acima venceria o hidden e o letreiro não sumia */
#telao .titulo{font-weight:900;font-size:clamp(40px,24vh,240px);line-height:1;letter-spacing:.02em; #telao .titulo{font-weight:900;font-size:clamp(40px,24vh,240px);line-height:1;letter-spacing:.02em;
text-shadow:0 0 .25em currentColor} text-shadow:0 0 .25em currentColor}
#telao .sub{font-size:clamp(14px,6vh,48px);font-weight:600;opacity:.9} #telao .sub{font-size:clamp(14px,6vh,48px);font-weight:600;opacity:.9}
carinha.html
+1
View File
@@ -23,6 +23,7 @@
/* telão dos jogos: por cima do rosto, texto grande na cor dos olhos (o resultado tem cor própria) */ /* telão dos jogos: por cima do rosto, texto grande na cor dos olhos (o resultado tem cor própria) */
#telao{position:fixed;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center; #telao{position:fixed;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;
gap:2vh;background:rgba(0,0,0,.9);font-family:system-ui,sans-serif;color:var(--cor);text-align:center;pointer-events:none} gap:2vh;background:rgba(0,0,0,.9);font-family:system-ui,sans-serif;color:var(--cor);text-align:center;pointer-events:none}
#telao[hidden]{display:none} /* sem isto o display:flex acima venceria o hidden e o letreiro não sumia */
#telao .titulo{font-weight:900;font-size:clamp(40px,24vh,240px);line-height:1;letter-spacing:.02em; #telao .titulo{font-weight:900;font-size:clamp(40px,24vh,240px);line-height:1;letter-spacing:.02em;
text-shadow:0 0 .25em currentColor} text-shadow:0 0 .25em currentColor}
#telao .sub{font-size:clamp(14px,6vh,48px);font-weight:600;opacity:.9} #telao .sub{font-size:clamp(14px,6vh,48px);font-weight:600;opacity:.9}