raucao/inspektor
raucao
/
inspektor
1
1
Fork 0
Code Issues 3 Pull Requests Releases 9 Activity

Show disconnect link on hover

This commit is contained in:
Basti 2017-12-26 14:01:43 +01:00
parent b8604bacb5
commit 89b846c511
2 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/account-info/template.hbs
View File

@ -1,4 +1,4 @@
<span class="username">{{username}}</span>
<br><span class="host">{{host}}</span>
{{#link-to "disconnect"}}X{{/link-to}}
{{#link-to "disconnect" class="disconnect"}}disconnect{{/link-to}}

16
app/styles/components/_account-info.scss
View File

@ -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;
}
}
}