Publish: mobile overlay fix, cache-busting, + QA fixes (SI hero, footer, contrast, iOS inputs) #29

popovskik · 2026-08-27T17:19:23Z

popovskik commented

2026-08-27 17:19:23 +00:00

develop -> live. Includes: Ask-MSOS pill yields to cookie/language banners; content-hash cache-busting on CSS/JS; and QA-audit fixes — Slovene homepage hero copy, footer width clipping (769-1279px), WCAG contrast on orange/grey text, and 16px form inputs to stop iOS focus-zoom. Deploys to msosorg.com on merge.

popovskik added 1 commit 2026-08-27 17:19:23 +00:00

Deploy to Production on Develop Push / deploy (push) Successful in 21s Details

c5bdb59a92 fix(qa): SI hero copy, footer width, form contrast + iOS input-zoom

From the QA audit — high-impact, low-risk fixes:
- SI homepage hero: replace leftover template boilerplate subtitle
  ("timski nabiralniki"...) and truncated badge with proper Slovene copy
  matching EN/MK.
- Footer: .footer-container was a hard width:1280px and got clipped by
  overflow-x:clip on 769-1279px screens; now width:100%; max-width:1280px.
- WCAG AA contrast: darken orange text (.article-publish-date, .mm-real-link)
  and the Ask-MSOS footer (.msa-foot) which were ~2.6-3:1 on white.
- iOS Safari focus-zoom: bump form/search/assistant inputs to 16px
  (.ms-field, .msa-input, .filterbar-search-field).
- Re-stamped cache-bust (v=9ff60d7a).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

popovskik added 1 commit 2026-08-27 17:34:12 +00:00

Deploy to Production on Develop Push / deploy (push) Successful in 22s Details

0052b38c1c fix(qa2): responsive Latest-news/FAQ at tablet + muted-text contrast sweep

- Latest-news row and FAQ grid now go 3 -> 2 -> 1 columns (added a 1024px
  tablet step); .news-card drops its brittle fixed 405.33px width and fills a
  responsive grid cell. Fixes cramped 3-across cards on 769-1024px.
- Contrast: replace #98A2B3 text color (2.58:1 on white) with the palette
  muted #667085 (~4.8:1) across 13 CSS files (31 text-color uses; borders/
  backgrounds untouched, verified none on dark backgrounds).
- Re-stamped cache-bust (v=6770822f).

Note: the ~20px-looser header top-gap at 769-1024px is left as a minor,
lower-risk follow-up (would need a coordinated multi-page padding pass).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

popovskik added 1 commit 2026-08-27 17:46:29 +00:00

Deploy to Production on Develop Push / deploy (push) Successful in 20s Details

fd9df42995 style(qa3): design-token foundation + safe polish/a11y fixes

- Add :root design tokens in _typography.css (was empty) — brand teal/orange,
  ink/text greys, radius + type scale + section rhythm. Visually neutral;
  new rules can reference var()s instead of scattered literals.
- a11y: visible :focus-visible ring on header nav + dropdown links (keyboard
  users had none).
- Fix synthesized faux-bold: .route-report h1 800 -> 700 (Inter loads 400-700).
- Testimonials column: overflow-y scroll -> auto (no permanent scrollbar gutter).
- Lightbox image radius 6px -> 8px (matches the site rounding scale).
- Consistent card affordance: homepage .news-card now lifts on hover like the
  news-hub / blog cards.
- Re-stamped cache-bust (v=1f64b22f).

Deferred (needs a brand decision): unifying the two primary oranges
(#FA7850 vs #F2762E) and the fuller literal->token migration.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

popovskik merged commit 347717f0b3 into master

2026-08-27 18:38:01 +00:00

popovskik referenced this issue from a commit

2026-08-27 18:38:03 +00:00

Merge pull request 'Publish: mobile overlay fix, cache-busting, + QA fixes (SI hero, footer, contrast, iOS inputs)' (#29) from popovskik/publish-instagram-overlay-fix into master

Sign in to join this conversation.

No reviewers

No Label

No Milestone

No project

No Assignees

1 Participants

Notifications

Due Date

The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: mark/msos#29