-> Refonte complète des afficheurs AFL départ et arrivée (+ Quais) -> EVA DÉPARTS + ARRIVÉES EN COURS DE DÉVELOPPEMENT : -> REFONTE AFFICHEURS CLASSIQUES -> IMPLÉMENTATION DONNÉES GTFS / GTFS-RT / SIRI LTE
48 lines
1.5 KiB
CSS
48 lines
1.5 KiB
CSS
/* ==========================================================================
|
|
AFFICHEUR VIEWPORT WRAPPER (PWA 16:9 LETTERBOXING)
|
|
========================================================================== */
|
|
|
|
/* Conteneur plein écran noir */
|
|
.afficheur-pwa-screen-wrapper {
|
|
position: fixed !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
bottom: 0 !important;
|
|
width: 100vw !important;
|
|
height: 100vh !important;
|
|
height: 100dvh !important;
|
|
background-color: #000000 !important;
|
|
overflow: hidden !important;
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
justify-content: center !important;
|
|
z-index: 99999 !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
box-sizing: border-box !important;
|
|
user-select: none !important;
|
|
-webkit-user-select: none !important;
|
|
touch-action: none !important;
|
|
}
|
|
|
|
/* Canvas 16:9 Haute Définition (1920x1080) centré */
|
|
.afficheur-pwa-canvas {
|
|
width: 1920px !important;
|
|
height: 1080px !important;
|
|
min-width: 1920px !important;
|
|
min-height: 1080px !important;
|
|
max-width: 1920px !important;
|
|
max-height: 1080px !important;
|
|
position: relative !important;
|
|
overflow: hidden !important;
|
|
transform-origin: center center !important;
|
|
flex-shrink: 0 !important;
|
|
background-color: #000000 !important;
|
|
box-shadow: 0 0 40px rgba(0, 0, 0, 0.9) !important;
|
|
-webkit-backface-visibility: hidden !important;
|
|
backface-visibility: hidden !important;
|
|
-webkit-transform-style: preserve-3d !important;
|
|
transform-style: preserve-3d !important;
|
|
}
|