Minor accessibility improvements

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
2021-09-14 13:55:52 +02:00 · 2021-09-14 13:55:52 +02:00 · 8c25d3d3ba
commit 8c25d3d3ba
parent a48e7f28b0
4 changed files with 7 additions and 0 deletions
--- a/app/soapbox/features/account/components/header.js
+++ b/app/soapbox/features/account/components/header.js
--- a/app/soapbox/features/account_timeline/index.js
+++ b/app/soapbox/features/account_timeline/index.js
--- a/app/styles/accounts.scss
+++ b/app/styles/accounts.scss
@ -524,6 +524,7 @@ a .account__avatar {
  border-radius: 4px;
  opacity: 0.7;
  white-space: nowrap;
+  transition: 0.2s;

  &:hover {
    opacity: 1;
--- a/app/styles/components/account-header.scss
+++ b/app/styles/components/account-header.scss
@ -34,6 +34,12 @@
      border-radius: 4px;
      opacity: 0.7;

+      &:active,
+      &:focus,
+      &:hover {
+        opacity: 1;
+      }
+
      &:not(.button-active) i.fa {
        margin: 0;
      }