Add torrent details panel

This commit is contained in:
John Furrow
2015-11-21 14:16:00 -08:00
parent f6b119c4bf
commit 5379e830bb
2 changed files with 292 additions and 0 deletions
@@ -0,0 +1,51 @@
.torrent-details {
background: $torrent-details--background;
box-shadow: -1px 0 0 $torrent-details--border;
height: 100%;
width: 40%;
overflow: auto;
padding: $spacing-unit;
position: absolute;
right: 0;
top: 0;
transform: translateX(0);
transition: transform 0.5s;
z-index: 2;
&.torrent-details-enter {
transform: translateX(100%);
}
&.torrent-details-enter-active {
transform: translateX(0);
}
&.torrent-details-leave {
transform: translateX(100%);
}
&__transfer-data {
.transfer-data {
display: inline-block;
margin-right: 10px;
&:last-child {
margin-right: 0;
}
}
.icon {
height: 12px;
width: 12px;
}
}
&__table {
width: 100%;
thead {
text-align: left;
}
}
}