/* YOYO Messenger — installed-app (standalone PWA) polish. Applied only when html.yoyo-standalone is set (see inline detector script in , before paint). Desktop browser tabs and Electron are unaffected. */ /* Installed users already have the app — the "Get the app" download list inside login.html is redundant clutter once running standalone. */ html.yoyo-standalone body.login-page .login-downloads { display: none; } html.yoyo-standalone body.login-page .login-tagline { display: none; } html.yoyo-standalone body.login-page .login-header { padding-top: calc(20px + env(safe-area-inset-top, 0px)); padding-bottom: 10px; } html.yoyo-standalone body.login-page .login-footer { padding-top: 6px; padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); } /* Top app bars: clear the status bar / notch like a native app chrome. */ html.yoyo-standalone body.messenger-page .messenger-toolbar { padding-top: max(6px, env(safe-area-inset-top, 0px)); } html.yoyo-standalone body.chat-page .chat-header, html.yoyo-standalone body.room-chat-page .room-chat-header, html.yoyo-standalone body.rooms-page .rooms-header, html.yoyo-standalone body.profile-page .profile-header { padding-top: max(12px, env(safe-area-inset-top, 0px)); } html.yoyo-standalone body.call-page .call-header { padding-top: max(20px, env(safe-area-inset-top, 0px)); } /* Bottom safe area for anything docked to the viewport edge. */ html.yoyo-standalone body { padding-bottom: env(safe-area-inset-bottom, 0px); } html.yoyo-standalone .call-controls-dock, html.yoyo-standalone .call-controls, html.yoyo-standalone .call-incoming-actions { padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); } /* The floating "Install YOYO" banner never makes sense once already installed. */ html.yoyo-standalone .yoyo-pwa-banner { display: none !important; }