quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

improve footer accessibility + fix search font

Browse source
This commit is contained in:
outfoxxed 2024-10-25 13:04:04 -07:00
parent 74a18e301d
commit f5edced908
Signed by: outfoxxed
GPG key ID: 4C88A185FB89301E
3 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/Footer.astro
View file

@ -12,10 +12,10 @@ import gitLogo from "@icons/git-logo.svg?raw";
</a> </a>
</section> </section>
<section class="socials"> <section class="socials">
<a href="https://matrix.to/#/#quickshell:outfoxxed.me" target="_blank"> <a href="https://matrix.to/#/#quickshell:outfoxxed.me" target="_blank" aria-label="Join our matrix space">
<Fragment set:html={matrixLogo}/> <Fragment set:html={matrixLogo}/>
</a> </a>
<a href="https://git.outfoxxed.me/outfoxxed/quickshell" target="_blank"> <a href="https://git.outfoxxed.me/outfoxxed/quickshell" target="_blank" aria-label="Visit our git server">
<Fragment set:html={gitLogo}/> <Fragment set:html={gitLogo}/>
</a> </a>
</section> </section>

1
src/styles/docs/nav/search.css
View file

@ -380,7 +380,6 @@ button[data-close-modal] {
#qs_search { #qs_search {
--pagefind-ui-primary: hsla(var(--accent-400)); --pagefind-ui-primary: hsla(var(--accent-400));
--pagefind-ui-text: hsla(0 0 60); --pagefind-ui-text: hsla(0 0 60);
--pagefind-ui-font: Rubik;
--pagefind-ui-background: hsl(var(--blue) 10 15); --pagefind-ui-background: hsl(var(--blue) 10 15);
--pagefind-ui-border: hsl(var(--blue) 30 25); --pagefind-ui-border: hsl(var(--blue) 30 25);
--pagefind-ui-border-width: 1px; --pagefind-ui-border-width: 1px;

12
src/styles/global.css
View file

@ -185,15 +185,15 @@ footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
gap: 0.127rem; gap: 0.2rem;
color: hsl(var(--text-dark)); color: hsl(var(--text-dark));
&>p { & > p {
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
color: hsl(0 0 40); color: hsl(0 0 40);
} }
&>a { & > a {
text-decoration: none; text-decoration: none;
} }
} }
@ -214,6 +214,12 @@ footer {
} }
} }
@media not (min-width: 40rem) {
footer .credits > a {
padding: 0.2rem;
}
}
@media (min-width: 40rem) { @media (min-width: 40rem) {
html { html {
font-size: 16px; font-size: 16px;