maxenceg2m/iTunes
1
0
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity

Go to dashboard button floating - always visible

Browse Source
This commit is contained in:
Maxence G. de Montauzan
2017-10-11 22:39:04 +02:00
parent 0a73002871
commit f9acea1e9c
2 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
dashboard/src/app/app.component.css
View File

@@ -14,11 +14,12 @@ nav a {
padding: 5px 10px; padding: 5px 10px;
text-decoration: none; text-decoration: none;
margin-top: 10px; margin-top: 10px;
margin-left: 10px;
display: inline-block; display: inline-block;
background-color: #eee; background-color: #eee;
border-radius: 4px; border-radius: 4px;
} }
/*
nav a:visited, a:link { nav a:visited, a:link {
color: #607D8B; color: #607D8B;
} }
@@ -30,4 +31,15 @@ nav a:hover {
nav a.active { nav a.active {
color: #039be5; color: #039be5;
} */
/* FIXME Code Repetition */
.btn-top {
display: inline-block;
position: fixed;
z-index: 1;
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
} }

2
dashboard/src/app/app.component.html
View File

@@ -1,4 +1,4 @@
<nav> <nav>
<a routerLink="/dashboard" routerLinkActive="active"><span class="glyphicon glyphicon-home"></span></a> <a class="btn-top" routerLink="/dashboard" routerLinkActive="active"><span class="glyphicon glyphicon-home"></span></a>
</nav> </nav>
<router-outlet></router-outlet> <router-outlet></router-outlet>