fix(jogos): letreiro do telão some no fim do tempo
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:
@@ -23,6 +23,7 @@
|
||||
/* 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;
|
||||
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;
|
||||
text-shadow:0 0 .25em currentColor}
|
||||
#telao .sub{font-size:clamp(14px,6vh,48px);font-weight:600;opacity:.9}
|
||||
|
||||
@@ -23,6 +23,7 @@
|
||||
/* 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;
|
||||
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;
|
||||
text-shadow:0 0 .25em currentColor}
|
||||
#telao .sub{font-size:clamp(14px,6vh,48px);font-weight:600;opacity:.9}
|
||||
|
||||
Reference in New Issue
Block a user