aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/angular
diff options
context:
space:
mode:
authorChocobozzz <florian.bigard@gmail.com>2016-04-29 14:34:51 +0200
committerChocobozzz <florian.bigard@gmail.com>2016-04-29 14:34:51 +0200
commit9ced64e08fb37dc2924eb80a9e8b34e668cd2756 (patch)
tree10a373807754d0b538ddf45b965c165afc678e6c /client/angular
parentda932efc8199e2d9fe5d830432fb3833865a9a42 (diff)
downloadPeerTube-9ced64e08fb37dc2924eb80a9e8b34e668cd2756.tar.gz
PeerTube-9ced64e08fb37dc2924eb80a9e8b34e668cd2756.tar.zst
PeerTube-9ced64e08fb37dc2924eb80a9e8b34e668cd2756.zip
Improve style of the torrent informations
Diffstat (limited to 'client/angular')
-rw-r--r--client/angular/app/app.component.scss3
-rw-r--r--client/angular/videos/components/watch/videos-watch.component.html6
-rw-r--r--client/angular/videos/components/watch/videos-watch.component.scss12
3 files changed, 15 insertions, 6 deletions
diff --git a/client/angular/app/app.component.scss b/client/angular/app/app.component.scss
index 6e36c73e3..35f0e079b 100644
--- a/client/angular/app/app.component.scss
+++ b/client/angular/app/app.component.scss
@@ -5,8 +5,7 @@ header div {
5} 5}
6 6
7menu { 7menu {
8 min-height: 300px; 8 min-height: 600px;
9 height: 100%;
10 margin-right: 20px; 9 margin-right: 20px;
11 border-right: 1px solid rgba(0, 0, 0, 0.2); 10 border-right: 1px solid rgba(0, 0, 0, 0.2);
12 11
diff --git a/client/angular/videos/components/watch/videos-watch.component.html b/client/angular/videos/components/watch/videos-watch.component.html
index f2a50eccd..9e8f50908 100644
--- a/client/angular/videos/components/watch/videos-watch.component.html
+++ b/client/angular/videos/components/watch/videos-watch.component.html
@@ -7,7 +7,7 @@
7</div> 7</div>
8 8
9<div id="torrent-info"> 9<div id="torrent-info">
10 <div>Download: {{ downloadSpeed | bytes }}/s</div> 10 <div id="torrent-info-download">Download: {{ downloadSpeed | bytes }}/s</div>
11 <div>Upload: {{ uploadSpeed | bytes }}/s</div> 11 <div id="torrent-info-upload">Upload: {{ uploadSpeed | bytes }}/s</div>
12 <div>Number of peers: {{ numPeers }}</div> 12 <div id="torrent-info-peers">Number of peers: {{ numPeers }}</div>
13<div> 13<div>
diff --git a/client/angular/videos/components/watch/videos-watch.component.scss b/client/angular/videos/components/watch/videos-watch.component.scss
index b6c2fc050..62ae8a126 100644
--- a/client/angular/videos/components/watch/videos-watch.component.scss
+++ b/client/angular/videos/components/watch/videos-watch.component.scss
@@ -1,5 +1,5 @@
1.embed-responsive { 1.embed-responsive {
2 height: 100%; 2 height: 500px;
3} 3}
4 4
5#video-loading { 5#video-loading {
@@ -28,3 +28,13 @@
28 from { -moz-transform: rotate(0deg);} 28 from { -moz-transform: rotate(0deg);}
29 to { -moz-transform: rotate(360deg);} 29 to { -moz-transform: rotate(360deg);}
30} 30}
31
32#torrent-info {
33 font-size: 10px;
34
35 div {
36 display: inline-block;
37 width: 33%;
38 text-align: center;
39 }
40}