fix: map view dynamic cards by ludtkemorgan · Pull Request #6431 · bloom-housing/bloom

ludtkemorgan · 2026-06-17T18:09:27Z

This PR addresses #5987

Addresses the issue in full
Addresses only certain aspects of the issue

Description

On the listing map search below listing results a set of content cards can now be displayed

This is similar to what Doorway currently has

The three resource cards from the home page will appear here if they are turned on for the jurisdiction. Additionally a new custom content card can be added. This card(s) will display if the text string exist in the general overrides file.

How Can This Be Tested/Reviewed?

This is only visible in the map view so the easiest way to do that is to use the Bridge Bay jurisdiction:

Seed using the "region" configuration: yarn db:setup:staging-region
Set the jurisdiction env variable for the public site to be "Bridge Bay".
Go to the listings page and see the cards at the bottom of the right rail.
To test all of the cards you will want to also turn on enableAdditionalResources and enableResources

Author Checklist:

Added QA notes to the issue with applicable URLs
Reviewed in a desktop view
Reviewed in a mobile view
Reviewed considering accessibility
Added tests covering the changes
Made corresponding changes to the documentation
Ran yarn generate:client and/or created a migration when required

Review Process:

Read and understand the issue
Ensure the author has added QA notes
Review the code itself from a style point of view
Pull the changes down locally and test that the acceptance criteria is met
Either (1) explicitly ask a clarifying question, (2) request changes, or (3) approve the PR, even if there are very small remaining changes, if you don't need to re-review after the updates

netlify · 2026-06-17T18:09:33Z

✅ Deploy Preview for bloom-angelopolis ready!

Name	Link
🔨 Latest commit	`8ecc639`
🔍 Latest deploy log	https://app.netlify.com/projects/bloom-angelopolis/deploys/6a513aab19d82d0008141b6a
😎 Deploy Preview	https://deploy-preview-6431--bloom-angelopolis.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

ludtkemorgan · 2026-06-17T18:10:16Z

+    street: '1120A Madera Avenue',
    city: 'Menlo Park',
    state: 'CA',
    zipCode: '94025',
-    latitude: 36.961738,
-    longitude: -120.064487,
+    latitude: 37.47197516388515,
+    longitude: -122.15722059781827,


This was adding a pin outside of the bay area region making the map slightly more zoomed out.

netlify · 2026-06-17T18:11:14Z

✅ Deploy Preview for partners-bloom-dev ready!

Name	Link
🔨 Latest commit	`8ecc639`
🔍 Latest deploy log	https://app.netlify.com/projects/partners-bloom-dev/deploys/6a513aaad770520008996932
😎 Deploy Preview	https://deploy-preview-6431--partners-bloom-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

netlify · 2026-06-17T18:12:34Z

✅ Deploy Preview for bloom-exygy-dev ready!

Name	Link
🔨 Latest commit	`8ecc639`
🔍 Latest deploy log	https://app.netlify.com/projects/bloom-exygy-dev/deploys/6a513aaa9eb54900089ae959
😎 Deploy Preview	https://deploy-preview-6431--bloom-exygy-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

netlify · 2026-06-17T18:14:00Z

✅ Deploy Preview for bloom-public-seeds ready!

Name	Link
🔨 Latest commit	`7278ea5`
🔍 Latest deploy log	https://app.netlify.com/projects/bloom-public-seeds/deploys/6a3ee5061876fa00082d79ad
😎 Deploy Preview	https://deploy-preview-6431--bloom-public-seeds.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

ludtkemorgan · 2026-06-23T17:49:28Z


      .image-background {
        height: 100%;
+        max-height: var(--seeds-s48);


Uniform image heights for each card. Cards with more content will now have the image inset

Could be misunderstanding, but I don't think this shows a uniform image height

emilyjablonski · 2026-07-01T02:29:05Z

    }
  }
+
+  h3 {


note: The cards take headingClass which would prevent us from having to change this later if we adjust the heading levels structure

Can you explain what your recommendation here would be? Is it that I create a new class name and put it here while also passing that class into the BloomCard in reference?

I did what I think you mean, but let me know if it's incorrect

emilyjablonski

(1) Looks like there's a visual regression on the pin popup
Main:

Branch:

(2) Testing this in the browser, I really prefer the behavior on main - can you remind me what is driving this change?

Main:

Branch:

ludtkemorgan · 2026-07-01T13:48:00Z

@emilyjablonski The change is a recommendation from Hannan. The furthest right version is what was decided.

It looks like I need to fine tune the results because there are a couple of cases the images are shorter than the max height when addresses are short and there are no tags

ludtkemorgan · 2026-07-01T20:20:32Z

@emilyjablonski this is ready to be re-reviewed. Let me know if you have any questions

emilyjablonski

Those updates look good! I'm seeing a regression on the padding on the mobile card though

ludtkemorgan commented Jun 17, 2026

View reviewed changes

ludtkemorgan force-pushed the 5987/dynamic-listing-cards branch from 7384d3c to 3d15e9d Compare June 22, 2026 22:01

ludtkemorgan changed the title ~~5987/dynamic listing cards~~ fix: map view dynamic cards Jun 23, 2026

ludtkemorgan force-pushed the 5987/dynamic-listing-cards branch from 5481b6e to e067dc3 Compare June 23, 2026 17:58

ludtkemorgan marked this pull request as ready for review June 23, 2026 17:58

ludtkemorgan added the 1 review needed Requires 1 more review before ready to merge label Jun 23, 2026

ludtkemorgan commented Jun 26, 2026

View reviewed changes

ludtkemorgan force-pushed the 5987/dynamic-listing-cards branch from d2f7f2f to 7278ea5 Compare June 26, 2026 20:45