/* * 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. */ /* Google Places Autocomplete dropdown - ensure it appears above other elements and is clickable */ .pac-container { z-index: 10000 !important; pointer-events: auto !important; } .pac-item { cursor: pointer !important; pointer-events: auto !important; } /* Staging-only chrome. Fixed rather than a border on so it never shifts layout or scrolls away, and pointer-events: none so it cannot swallow clicks at the edges of the viewport. The z-index sits above the Places dropdown (10000) and hackclub.css's stacking (30) so nothing paints over the frame. */ .staging-frame { position: fixed; inset: 0; border: 3px dashed #ff8c37; pointer-events: none; z-index: 2147483647; }