local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Add proper focus styles

Browse source
This commit is contained in:
kolaente 2020-11-22 17:47:47 +01:00
parent 148cc1dcca
commit ed40249bb3
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 26 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/styles/components/tasks.scss
View file

@ -279,3 +279,17 @@
width: 100%; width: 100%;
max-width: $desktop; max-width: $desktop;
} }
.tasktext {
:focus {
box-shadow: inset 0 0 0 2px rgba($primary, 0.5);
}
:focus:not(:focus-visible) {
outline: 0;
}
:focus-visible, :-moz-focusring {
box-shadow: inset 0 0 0 2px rgba($primary, 0.5);
}
}

12
src/styles/theme/theme.scss
View file

@ -8,6 +8,18 @@
outline: none; outline: none;
} }
:focus {
box-shadow: 0 0 0 2px rgba($primary, 0.5);
}
:focus:not(:focus-visible) {
outline: 0;
}
:focus-visible, :-moz-focusring {
box-shadow: 0 0 0 2px rgba($primary, 0.5);
}
body { body {
background: url('../../public/images/llama.svg') no-repeat bottom left fixed $light-background; background: url('../../public/images/llama.svg') no-repeat bottom left fixed $light-background;
min-height: 100vh; min-height: 100vh;