aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/menu/menu.component.scss
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2018-09-08 14:34:32 +0200
committerChocobozzz <me@florianbigard.com>2018-09-11 10:58:48 +0200
commite78980ebd116be1ea901387c126876af902191e6 (patch)
treeea037d021e1383501e2b79add1a9581ef80a7c99 /client/src/app/menu/menu.component.scss
parentecf06378ff95ec35f75de0169a02a974d2c17c62 (diff)
downloadPeerTube-e78980ebd116be1ea901387c126876af902191e6.tar.gz
PeerTube-e78980ebd116be1ea901387c126876af902191e6.tar.zst
PeerTube-e78980ebd116be1ea901387c126876af902191e6.zip
use focus-visible polyfill to improve keyboard navigation
Only the homepage is concerned, but it should have decent keyboard navigation support now.
Diffstat (limited to 'client/src/app/menu/menu.component.scss')
-rw-r--r--client/src/app/menu/menu.component.scss3
1 files changed, 2 insertions, 1 deletions
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index 592860e12..f1b0a284f 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -130,7 +130,7 @@ menu {
130 transition: background-color .1s ease-in-out; 130 transition: background-color .1s ease-in-out;
131 @include disable-default-a-behaviour; 131 @include disable-default-a-behaviour;
132 132
133 &:hover { 133 &:hover, &.focus-visible {
134 background-color: rgba(255, 255, 255, 0.15); 134 background-color: rgba(255, 255, 255, 0.15);
135 } 135 }
136 136
@@ -202,6 +202,7 @@ menu {
202 font-weight: $font-semibold; 202 font-weight: $font-semibold;
203 203
204 .icon { 204 .icon {
205 @include disable-outline;
205 @include icon(28px); 206 @include icon(28px);
206 opacity: 0.9; 207 opacity: 0.9;
207 208