/* * 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. */ /*= require datatable */ /*= require required_fields */ /*= require custom_colors */ /* * 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; }