hax/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-12-17 00:44:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: add outline for better accessibility

Browse source
This commit is contained in:
MAZE 2024-04-23 00:02:27 +03:30
parent 6f9c941a87
commit e7d7a37a12
8 changed files with 45 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/modal/modal.module.css
View file

@ -50,7 +50,12 @@
cursor: pointer;
background-color: transparent;
border: none;
border-radius: 4px;
outline: none;
&:focus-visible {
outline: 1px solid var(--color-neutral-950);
}
}
}
}

8
src/components/modals/presets/list/list.module.css
View file

@ -34,6 +34,10 @@
background: transparent;
border: none;
outline: none;
&:focus-visible {
outline: 1px solid var(--color-neutral-950);
}
}
& button {
@ -51,6 +55,10 @@
border-radius: 4px;
outline: none;
&:focus-visible {
outline: 1px solid var(--color-neutral-950);
}
&.primary {
font-size: var(--font-xsm);
color: var(--color-foreground);

8
src/components/modals/presets/new/new.module.css
View file

@ -31,6 +31,10 @@
background: transparent;
border: none;
outline: none;
&:focus-visible {
outline: 1px solid var(--color-neutral-950);
}
}
& button {
@ -48,6 +52,10 @@
border-radius: 4px;
outline: none;
&:focus-visible {
outline: 1px solid var(--color-neutral-950);
}
&:disabled {
cursor: not-allowed;
}

8
src/components/modals/share-link/share-link.module.css
View file

@ -31,6 +31,10 @@
background: transparent;
border: none;
outline: none;
&:focus-visible {
outline: 1px solid var(--color-neutral-950);
}
}
& button {
@ -47,6 +51,10 @@
outline: none;
transition: 0.2s;
&:focus-visible {
outline: 1px solid var(--color-neutral-950);
}
&:hover {
background-color: var(--color-neutral-200);
}

4
src/components/modals/shared/shared.module.css
View file

@ -51,6 +51,10 @@
outline: none;
transition: 0.2s;
&:focus-visible {
outline: 1px solid var(--color-neutral-950);
}
&:hover {
color: var(--color-foreground);
background-color: var(--color-neutral-300);

4
src/components/toolbox/notepad/button/button.module.css
View file

@ -14,6 +14,10 @@
transition: 0.2s;
transition-property: border-color, color, background-color;
&:focus-visible {
outline: 1px solid var(--color-neutral-950);
}
&.critical {
color: #f43f5e;
border-color: #f43f5e;

4
src/components/toolbox/notepad/notepad.module.css
View file

@ -29,6 +29,10 @@
border-radius: 4px;
outline: none;
scroll-padding-bottom: 12px;
&:focus-visible {
outline: 1px solid var(--color-neutral-950);
}
}
.counter {

4
src/components/toolbox/pomodoro/button/button.module.css
View file

@ -13,6 +13,10 @@
outline: none;
transition: 0.2s;
&:focus-visible {
outline: 1px solid var(--color-neutral-950);
}
&:hover {
background-color: var(--color-neutral-200);
}