fix: neutral TOC links + poll-based map/chart init (timing fix)
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 12s
Deploy Internet for Kids / Deploy (push) Successful in 5s
Deploy Internet for Kids / Health Check (push) Successful in 1s
Deploy Internet for Kids / Smoke Tests (push) Successful in 2s
Deploy Internet for Kids / IndexNow Ping (push) Successful in 7s
Deploy Internet for Kids / Promote to Latest (push) Successful in 1s
Deploy Internet for Kids / Rollback (push) Has been skipped
Deploy Internet for Kids / Audit (push) Successful in 2s
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 12s
Deploy Internet for Kids / Deploy (push) Successful in 5s
Deploy Internet for Kids / Health Check (push) Successful in 1s
Deploy Internet for Kids / Smoke Tests (push) Successful in 2s
Deploy Internet for Kids / IndexNow Ping (push) Successful in 7s
Deploy Internet for Kids / Promote to Latest (push) Successful in 1s
Deploy Internet for Kids / Rollback (push) Has been skipped
Deploy Internet for Kids / Audit (push) Successful in 2s
TOC links now gray (#4b5563) instead of accent color. Map and charts use polling (100ms retry) to wait for libs instead of window.load which fires too early. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -289,10 +289,14 @@ nav a:hover {
|
||||
}
|
||||
|
||||
#TableOfContents a, #sidebar-toc a {
|
||||
color: var(--ifk-accent);
|
||||
color: #4b5563;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#TableOfContents a:hover, #sidebar-toc a:hover {
|
||||
color: var(--ifk-text);
|
||||
}
|
||||
|
||||
#TableOfContents a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@@ -36,7 +36,8 @@
|
||||
|
||||
<script src="{{ "js/chart.umd.min.js" | relURL }}"></script>
|
||||
<script>
|
||||
window.addEventListener('load', function() {
|
||||
(function initCharts() {
|
||||
if (typeof Chart === 'undefined') { setTimeout(initCharts, 100); return; }
|
||||
var LANG = "{{ $lang }}";
|
||||
var countries = {{ $countries | jsonify }};
|
||||
|
||||
@@ -120,5 +121,5 @@ window.addEventListener('load', function() {
|
||||
plugins: { legend: { position: 'bottom', labels: { padding: 16, usePointStyle: true } } }
|
||||
}
|
||||
});
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
@@ -34,7 +34,11 @@
|
||||
<script src="{{ "js/maplibre-gl.min.js" | relURL }}"></script>
|
||||
<script src="{{ "js/topojson-client.min.js" | relURL }}"></script>
|
||||
<script>
|
||||
window.addEventListener('load', function() {
|
||||
(function initMap() {
|
||||
if (typeof maplibregl === 'undefined' || typeof topojson === 'undefined') {
|
||||
setTimeout(initMap, 100);
|
||||
return;
|
||||
}
|
||||
var LANG = "{{ $lang }}";
|
||||
var STATUS_COLORS = { enforced: '#667eea', passed: '#764ba2', progress: '#a5b4fc', guidelines: '#e0e7ff' };
|
||||
var STATUS_LABELS = {
|
||||
@@ -123,5 +127,5 @@ window.addEventListener('load', function() {
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
@@ -289,10 +289,14 @@ nav a:hover {
|
||||
}
|
||||
|
||||
#TableOfContents a, #sidebar-toc a {
|
||||
color: var(--ifk-accent);
|
||||
color: #4b5563;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#TableOfContents a:hover, #sidebar-toc a:hover {
|
||||
color: var(--ifk-text);
|
||||
}
|
||||
|
||||
#TableOfContents a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user