sidski/kjelsrud.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

♿ fix aria-label for go-back icon in blogheader

Browse source 
Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>
This commit is contained in:
Sid 2024-08-26 00:27:09 +02:00
parent 2e4a9d0ce5
commit bc0c15838e
Signed by: sidski
GPG key ID: D2BBDF3EDE6BA9A6
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/BlogHeader.astro
View file

@ -4,7 +4,7 @@ import ThemeIcon from './ThemeIcon.astro';
<script type="module" client:load> <script type="module" client:load>
const updateSvgColorForTheme = () => { const updateSvgColorForTheme = () => {
const isDark = document.documentElement.classList.contains('dark'); const isDark = document.documentElement.classList.contains('dark');
const svgPath = document.getElementById('themePath'); const svgPath = document.getElementById('gobackPath');
if (svgPath) { if (svgPath) {
svgPath.setAttribute('stroke', isDark ? '#cdd6f4' : '#2E4033'); svgPath.setAttribute('stroke', isDark ? '#cdd6f4' : '#2E4033');
} }
@ -20,8 +20,8 @@ import ThemeIcon from './ThemeIcon.astro';
<header class="flex justify-between items-center py-5"> <header class="flex justify-between items-center py-5">
<div> <div>
<a class="text-l font-semibold" href="/blog"> <a class="text-l font-semibold" href="/blog">
<svg id="themeSvg" class="w-6 h-6" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> <svg id="gobackSvg" class="w-6 h-6" aria-label="Go Back Icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<path id="themePath" stroke="#3B2C29" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 19-7-7 7-7"/> <path id="gobackPath" stroke="#3B2C29" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 19-7-7 7-7"/>
</svg> </svg>
</a> </a>
</div> </div>