Issue Description
The AddressMap.ss template currently includes the Bootstrap img-fluid class on the map image, which applies max-width: 100% and constrains map images from displaying at their natural size.
Current Implementation
<img src="..." alt="..." class="img-fluid" />
Proposed Solution
Remove the img-fluid class to allow developers more control over map sizing:
<img src="..." alt="..." />
Benefits
- Natural Size Display: Maps can display at their actual Google Static Maps API resolution
- Better Responsive Control: Developers can implement custom responsive behavior via CSS
- Improved Map Quality: Higher resolution maps aren't artificially constrained
- Theme Flexibility: Child themes can implement their own sizing strategies without overriding Bootstrap classes
Use Case
In our current project, we needed maps to fill vertical space dynamically while maintaining natural resolution. The img-fluid class prevented this by constraining the image width, requiring us to override it with !important declarations.
Backward Compatibility
This is a minor breaking change, but developers who rely on the responsive behavior can easily add img-fluid or custom CSS to their templates.
Implementation
The change should be made in the AddressMap.ss template file, removing the class="img-fluid" attribute from the <img> tag.
Issue Description
The
AddressMap.sstemplate currently includes the Bootstrapimg-fluidclass on the map image, which appliesmax-width: 100%and constrains map images from displaying at their natural size.Current Implementation
Proposed Solution
Remove the
img-fluidclass to allow developers more control over map sizing:Benefits
Use Case
In our current project, we needed maps to fill vertical space dynamically while maintaining natural resolution. The
img-fluidclass prevented this by constraining the image width, requiring us to override it with!importantdeclarations.Backward Compatibility
This is a minor breaking change, but developers who rely on the responsive behavior can easily add
img-fluidor custom CSS to their templates.Implementation
The change should be made in the
AddressMap.sstemplate file, removing theclass="img-fluid"attribute from the<img>tag.