/* * 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. */ /* These three files are linked from the layout with stylesheet_link_tag. Propshaft ignores Sprockets `require` directives (they are plain comments to it) and does not digest bare `@import` paths either, so both approaches left the files unserved — which is why .proc-bg-purple and friends never existed in the browser and a stage badge rendered as bare white-on-white text. stylesheet_link_tag is the mechanism Propshaft actually resolves. */ /* * Google Places Autocomplete inside Bootstrap modals. * * Google appends its suggestion list (.pac-container) to with z-index 1000, * but Bootstrap 5 gives .modal a z-index of 1055. Without this override the dropdown * renders BEHIND the modal — the address field looks like it stopped autocompleting, * with only the "powered by Google" strip visible below the modal edge. * * Global on purpose: several forms (book appointment, service orders, orders) put an * address field inside a modal, and each would otherwise hit the same bug. */ .pac-container { z-index: 1060 !important; }