Show disconnect link on hover

2017-12-26 14:01:43 +01:00
parent b8604bacb5
commit 89b846c511
2 changed files with 17 additions and 1 deletions
--- a/app/styles/components/_account-info.scss
+++ b/app/styles/components/_account-info.scss
@@ -1,4 +1,5 @@
 .account-info {
+  position: relative;

  .username {
    font-size: 1.4rem;
@@ -9,4 +10,19 @@
    opacity: 0.7;
  }

+  .disconnect {
+    display: inline-block;
+    margin-left: 0.5rem;
+    font-size: 0.8rem;
+    opacity: 0;
+    transition: opacity 0.2s linear;
+  }
+
+  &:hover {
+    .disconnect {
+      font-size: 0.8rem;
+      opacity: 1;
+    }
+  }
+
 }