mark/msos
0
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(qa): SI hero copy, footer width, form contrast + iOS input-zoom
Deploy to Production on Develop Push / deploy (push) Successful in 21s
Details

Browse Source 
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>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-27 19:18:17 +02:00
1 parent 954f186761
commit c5bdb59a92
265 files changed
+1446 -1444
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/layout/_footer.css
+3 -1
View File
@@ -21,8 +21,10 @@ footer {
}
.footer-container {
width: 1280px;
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
}
.footer-main {
css/main.css
+25 -25
View File
@@ -15,36 +15,36 @@
*/
/* 1. Base Styles */
@import 'base/_base.css?v=64a53dd6';
@import 'base/_typography.css?v=64a53dd6';
@import 'base/_base.css?v=9ff60d7a';
@import 'base/_typography.css?v=9ff60d7a';
/* 2. Layout Components */
@import 'layout/_header.css?v=64a53dd6';
@import 'layout/_footer.css?v=64a53dd6';
@import 'layout/_header.css?v=9ff60d7a';
@import 'layout/_footer.css?v=9ff60d7a';
/* 3. Reusable Components */
@import 'components/_buttons.css?v=64a53dd6';
@import 'components/_cards.css?v=64a53dd6';
@import 'components/_lang-banner.css?v=64a53dd6';
@import 'components/_lightbox.css?v=64a53dd6';
@import 'components/_buttons.css?v=9ff60d7a';
@import 'components/_cards.css?v=9ff60d7a';
@import 'components/_lang-banner.css?v=9ff60d7a';
@import 'components/_lightbox.css?v=9ff60d7a';
/* 4. Page-specific Styles */
@import 'pages/_home.css?v=64a53dd6';
@import 'pages/_projects.css?v=64a53dd6';
@import 'pages/_article.css?v=64a53dd6';
@import 'pages/_about.css?v=64a53dd6';
@import 'pages/_timeline.css?v=64a53dd6';
@import 'pages/_guide.css?v=64a53dd6';
@import 'pages/_faq.css?v=64a53dd6';
@import 'pages/_blog.css?v=64a53dd6';
@import 'pages/_news.css?v=64a53dd6';
@import 'pages/_member.css?v=64a53dd6';
@import 'pages/_support.css?v=64a53dd6';
@import 'pages/_hub.css?v=64a53dd6';
@import 'pages/_legal.css?v=64a53dd6';
@import 'pages/_gallery.css?v=64a53dd6';
@import 'pages/_press.css?v=64a53dd6';
@import 'pages/_event.css?v=64a53dd6';
@import 'pages/_home.css?v=9ff60d7a';
@import 'pages/_projects.css?v=9ff60d7a';
@import 'pages/_article.css?v=9ff60d7a';
@import 'pages/_about.css?v=9ff60d7a';
@import 'pages/_timeline.css?v=9ff60d7a';
@import 'pages/_guide.css?v=9ff60d7a';
@import 'pages/_faq.css?v=9ff60d7a';
@import 'pages/_blog.css?v=9ff60d7a';
@import 'pages/_news.css?v=9ff60d7a';
@import 'pages/_member.css?v=9ff60d7a';
@import 'pages/_support.css?v=9ff60d7a';
@import 'pages/_hub.css?v=9ff60d7a';
@import 'pages/_legal.css?v=9ff60d7a';
@import 'pages/_gallery.css?v=9ff60d7a';
@import 'pages/_press.css?v=9ff60d7a';
@import 'pages/_event.css?v=9ff60d7a';
/* Loaded last so the shared filter bar wins over per-page chip styles. */
@import 'pages/_filterbar.css?v=64a53dd6';
@import 'pages/_filterbar.css?v=9ff60d7a';
css/pages/_article.css
+1 -1
View File
@@ -228,7 +228,7 @@
.article-publish-date {
font-size: 16px;
font-weight: 600;
color: #FA7850;
color: #B4531A; /* was #FA7850 (2.7:1) — darkened for WCAG AA on white */
margin-bottom: 12px;
}
css/pages/_filterbar.css
+1 -1
View File
@@ -137,7 +137,7 @@
outline: 0;
background: transparent;
font-family: inherit;
font-size: 15px;
font-size: 16px; /* 16px avoids iOS Safari focus-zoom */
color: #101828;
}
.filterbar-search-field input::placeholder { color: #98A2B3; }
css/pages/_member.css
+2 -2
View File
@@ -110,7 +110,7 @@
.mm-real-body { padding: 18px; }
.mm-real-body h3 { font-size: 17px; margin: 0 0 6px; }
.mm-real-body p { font-size: 14px; line-height: 21px; color: #667085; margin: 0 0 10px; }
.mm-real-link { font-size: 14px; font-weight: 600; color: var(--mm-orange); display: inline-flex; align-items: center; gap: 6px; }
.mm-real-link { font-size: 14px; font-weight: 600; color: #B4531A; display: inline-flex; align-items: center; gap: 6px; } /* was --mm-orange (2.8:1) — darkened for WCAG AA */
/* ---- testimonials ---- */
.mm-tests { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 40px; }
@@ -189,7 +189,7 @@
.ms-field { display: flex; flex-direction: column; gap: 6px; }
.ms-field span { font-size: 13px; font-weight: 600; color: #344054; }
.ms-field input, .ms-field select, .ms-form textarea {
font-family: inherit; font-size: 15px; color: #101828;
font-family: inherit; font-size: 16px; color: #101828; /* 16px avoids iOS Safari focus-zoom */
padding: 11px 14px; border: 1px solid #D0D5DD; border-radius: 10px; background: #FFFFFF; width: 100%;
}
.ms-field input:focus, .ms-field select:focus, .ms-form textarea:focus { outline: none; border-color: var(--mm-orange); box-shadow: 0 0 0 3px rgba(242,118,46,0.12); }