[Glitch] Fix opacity of relationship tags

Port ddd7a9e44b to glitch-soc
6 years ago · 4211c9b8d3
parent 773c600c26
commit 4211c9b8d3
1 changed files with 6 additions and 2 deletions
--- a/app/javascript/flavours/glitch/styles/components/accounts.scss
+++ b/app/javascript/flavours/glitch/styles/components/accounts.scss
@ -314,15 +314,19 @@
 .relationship-tag {
  color: $primary-text-color;
  margin-bottom: 4px;
-  opacity: 0.7;
  display: block;
  vertical-align: top;
-  background-color: rgba($base-overlay-background, 0.4);
+  background-color: $base-overlay-background;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  padding: 4px;
  border-radius: 4px;
+  opacity: 0.7;
+
+  &:hover {
+    opacity: 1;
+  }
 }

 .account-gallery__container {