/** * Mode application : l'espace se referme sur lui-même * * Dans l'application, les pages de connexion ne doivent plus proposer de sortie * vers le site vitrine (accueil, formations, contact…) : l'utilisateur y est * venu pour son espace étudiant ou formateur, et un retour au site public le * ferait sortir de l'application sans moyen évident d'y revenir. * * Deux déclencheurs, pour deux façons d'installer : * * .mode-application posée par l'application Android sur * (MainActivity.marquerModeApplication) * display-mode: standalone vrai pour une page ajoutée à l'écran d'accueil * depuis le navigateur, et pour l'ancienne app 1.x * * Le media query seul ne suffit pas : il n'est **jamais** vrai dans une * application native, où la page ne s'affiche pas dans un navigateur. * * Consultées au navigateur, ces mêmes pages gardent toute leur navigation. * Aucune de ces classes n'existe dans les portails ni les messageries, le * masquage ne peut donc pas les affecter. */ /* Barre de navigation du site (réduite au bouton à trois barres sur mobile) */ .mode-application .navbar, .mode-application .navbar-toggler, /* Liens de sortie vers le site vitrine */ .mode-application .back-link, .mode-application .link-home, .mode-application .page-footer, /* Bouton rond bleu « remonter en haut », flottant en bas à droite : il sert aux longues pages du site vitrine, mais sur un écran de connexion il se retrouve à côté du bouton de validation et se confond avec lui. */ .mode-application .back-to-top { display: none !important; } /* Le logo reste affiché — il situe la page — mais ne ramène plus au site */ .mode-application a.navbar-brand, .mode-application a.brand { pointer-events: none; cursor: default; } /* La barre masquée, la page de connexion récupère la hauteur libérée */ .mode-application .login-bg, .mode-application .login-container { min-height: 100vh; min-height: 100dvh; } @media (display-mode: standalone) { .navbar, .navbar-toggler, .back-link, .link-home, .page-footer, .back-to-top { display: none !important; } a.navbar-brand, a.brand { pointer-events: none; cursor: default; } .login-bg, .login-container { min-height: 100vh; min-height: 100dvh; } }