fix: skip overlay background on solid colour and gradient hero modes
Generic: Repo Health / Site Health (push) Has been cancelled
Generic: Repo Health / Access control (push) Has been cancelled
Generic: Repo Health / Scripts governance (push) Has been cancelled
Generic: Repo Health / Repository health (push) Has been cancelled
Generic: Repo Health / Report Issues (push) Has been cancelled

The overlay's semi-transparent background was covering the gradient,
making it invisible. Color/gradient modes use controlled backgrounds
that don't need an overlay for text readability — the card handles
that. Overlay layout (flex positioning) is preserved.

Authored-by: Moko Consulting
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan Miller
2026-06-04 17:24:07 -05:00
parent f38b5180b7
commit a2dcf2f072
+4 -1
View File
@@ -62,7 +62,10 @@ $overlayDirections = [
'gradient-right' => 'to right',
];
if ($overlayType !== 'solid' && isset($overlayDirections[$overlayType])) {
// Skip overlay on solid colour/gradient modes — background is already a controlled design choice
if ($heroMode === 'color' || $heroMode === 'gradient') {
$overlayBg = '';
} elseif ($overlayType !== 'solid' && isset($overlayDirections[$overlayType])) {
$dir = $overlayDirections[$overlayType];
$overlayBg = "background: linear-gradient($dir, $rgbaTransparent, $rgbaOpaque);";
} else {