badmanners/gallery.badmanners.xyz
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update licenses and improve sr-only elements

Browse source
This commit is contained in:
Bad Manners 2024-08-31 19:02:45 -03:00
parent 287f2cae2f
commit 90fc60e871
No known key found for this signature in database
GPG key ID: 8C88292CCB075609
11 changed files with 126 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/layouts/GalleryLayout.astro
View file

@ -49,8 +49,8 @@ const isCurrentRoute = (path: string) =>
class="u-logo my-4 w-full max-w-[192px] rounded-sm border-2 border-green-950 shadow-md"
width={192}
/>
<span class="p-name mt-2 mb-4 text-2xl font-semibold">Bad Manners</span>
<ul class="flex flex-col gap-y-2 text-left pr-8 sm:pr-2">
<span class="p-name mb-4 mt-2 text-2xl font-semibold">Bad Manners</span>
<ul class="flex flex-col gap-y-2 pr-8 text-left sm:pr-2">
<li>
<a class="u-url text-link group" href="https://badmanners.xyz/" data-age-restricted rel="me">
<IconHome width="1.25rem" height="1.25rem" class="inline align-text-top" />

6
src/layouts/PublishedContentLayout.astro
View file

@ -128,7 +128,7 @@ const thumbnail =
aria-labelledby="label-return-to"
>
<IconArrowBack width="1.25rem" height="1.25rem" />
<span class="sr-only" id="label-return-to"
<span class="sr-only select-none" id="label-return-to"
>{
series ? t(props.lang, "published_content/return_to_series", series.data.name) : props.labelReturnTo.title
}</span
@ -140,7 +140,7 @@ const thumbnail =
aria-labelledby="label-go-to-description"
>
<IconCircleInfo width="1.25rem" height="1.25rem" />
<span class="sr-only" id="label-go-to-description"
<span class="sr-only select-none" id="label-go-to-description"
>{t(props.lang, "published_content/go_to_description")}</span
>
</a>
@ -152,7 +152,7 @@ const thumbnail =
>
<IconSun width="1.25rem" height="1.25rem" class="hidden dark:block" />
<IconMoon width="1.25rem" height="1.25rem" class="block dark:hidden" />
<span class="sr-only" id="label-toggle-dark-mode">{t(props.lang, "published_content/toggle_dark_mode")}</span>
<span class="sr-only select-none" id="label-toggle-dark-mode">{t(props.lang, "published_content/toggle_dark_mode")}</span>
</button>
</div>
</div>