/* * This is a manifest file that'll be compiled into application.css. * * With Propshaft, assets are served efficiently without preprocessing steps. You can still include * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard * cascading order, meaning styles declared later in the document or manifest will override earlier ones, * depending on specificity. * * Consider organizing styles into separate files for maintainability. */ /* * The guest chat pins the page; every other guest page scrolls normally. * * This is a stylesheet rule rather than a class on because Turbo Drive * replaces and merges on a visit but never touches the * element's attributes — so a class put there on the chat's own render is * simply not present when a guest arrives from the entry form, which is how * every real guest arrives. Measured: pinned correctly at 701px while * stayed 1275px and the page still dragged 574px behind a composer * that was exactly where it should be. * * :has() rather than JavaScript because the selector is the whole logic, and * this app already requires a browser modern enough for it (allow_browser * versions: :modern in ApplicationController). */ html:has(> body.app-shell) { height: 100dvh; overflow: hidden; }