darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-24 16:24:08 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2276 from GSA/2274-remove-in-a-bubble-text-from-why-text-messaging

Browse Source 
adjust styling and content cards
This commit is contained in:
Beverly Nguyen
2025-01-17 13:58:25 -08:00
committed by GitHub
parent 92935867ea b40999c646
commit 0168fc02df
2 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/sass/uswds/_legacy-styles.scss
View File

@@ -8,7 +8,7 @@
width: 100%; width: 100%;
max-width: 464px; max-width: 464px;
box-sizing: border-box; box-sizing: border-box;
padding: units(1); padding: units(2);
background: color('gray-cool-10'); background: color('gray-cool-10');
border: 1px solid color('gray-cool-10'); border: 1px solid color('gray-cool-10');
border-radius: 5px; border-radius: 5px;

24
app/templates/views/about/why-text-messaging.html
View File

@@ -51,35 +51,37 @@
{ {
"image_src": asset_url('images/calendar.svg'), "image_src": asset_url('images/calendar.svg'),
"card_heading": "Reminders", "card_heading": "Reminders",
"p_text": "In a text bubble // Your Quality Control food phone interview is on ((date)) at ((time)). Failure to "p_text": "Your Quality Control food phone interview is on ((date)) at ((time)). Failure to
attend may lead to closure of your benefits. Call 1-800-222-3333 with questions.", attend may lead to closure of your benefits. Call 1-800-222-3333 with questions.",
"alt_text": "reminder text example" "alt_text": "reminder text example"
}, },
{ {
"image_src": asset_url('images/alert.svg'), "image_src": asset_url('images/alert.svg'),
"card_heading": "Alerts to take action", "card_heading": "Alerts to take action",
"p_text": "In a text bubble // Your household's Medicaid coverage is expiring. To keep getting Medicaid, you must "p_text": "Your household's Medicaid coverage is expiring. To keep getting Medicaid, you must
complete your renewal by ((date)). You can renew online at dhs.state.gov…", complete your renewal by ((date)). You can renew online at dhs.state.gov…",
"alt_text": "alerts text example" "alt_text": "alerts text example"
}, },
{ {
"image_src": asset_url('images/alarm.svg'), "image_src": asset_url('images/alarm.svg'),
"card_heading": "Important status updates", "card_heading": "Important status updates",
"p_text": "In a text bubble // Your passport has been issued at the Los Angeles Passport Agency. Please come to the "p_text": "Your passport has been issued at the Los Angeles Passport Agency. Please come to the
desk between 1:30pm and 2:30pm today to pick up your passport…", desk between 1:30pm and 2:30pm today to pick up your passport…",
"alt_text": "status update text example" "alt_text": "status update text example"
}, },
] %} ] %}
{% for item in card_contents %} {% for item in card_contents %}
<div class="radius-lg border-2px maxw-tablet"> <div class="grid-container-tablet padding-3 radius-lg border-2px margin-left-0 ">
<div class="grid-row grid-gap-4 padding-2 padding-x-3 flex-align-center"> <h3 class="usa-card__heading padding-y-2">{{item.card_heading}}</h3>
<div class="grid-col flex-3"> <div class="grid-row grid-gap-3 flex-align-center">
<p><b>{{item.card_heading}}</b></p> <div class="grid-col-auto ">
<p>{{item.p_text}}</p> <p class="sms-message-wrapper">{{item.p_text}}</p>
</div>
<div class="grid-col-fill">
{% if item.image_src %}
<img src="{{ item.image_src }}" alt="{{ item.alt_text }}" class="height-15" />
{% endif %}
</div> </div>
{% if item.image_src %}
<img src="{{item.image_src}}" alt="{{ item.alt_text }}" class="height-15" />
{% endif %}
</div> </div>
</div> </div>
{% endfor %} {% endfor %}