aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/menu
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-08-30 14:58:00 +0200
committerChocobozzz <me@florianbigard.com>2018-08-31 09:19:58 +0200
commit2d3741d6d92e9bd1f41694c7442a6d1da434e1f2 (patch)
tree93a1e609e14bc14ca9e77a6661ddc9c0e461d6f3 /client/src/app/menu
parentd9eaee3939bf2e93e5d775d32bce77842201faba (diff)
downloadPeerTube-2d3741d6d92e9bd1f41694c7442a6d1da434e1f2.tar.gz
PeerTube-2d3741d6d92e9bd1f41694c7442a6d1da434e1f2.tar.zst
PeerTube-2d3741d6d92e9bd1f41694c7442a6d1da434e1f2.zip
Videos overview page: first version
Diffstat (limited to 'client/src/app/menu')
-rw-r--r--client/src/app/menu/menu.component.html5
-rw-r--r--client/src/app/menu/menu.component.scss5
2 files changed, 10 insertions, 0 deletions
diff --git a/client/src/app/menu/menu.component.html b/client/src/app/menu/menu.component.html
index bd03af9b3..8fe6797d6 100644
--- a/client/src/app/menu/menu.component.html
+++ b/client/src/app/menu/menu.component.html
@@ -47,6 +47,11 @@
47 <ng-container i18n>Subscriptions</ng-container> 47 <ng-container i18n>Subscriptions</ng-container>
48 </a> 48 </a>
49 49
50 <a routerLink="/videos/overview" routerLinkActive="active">
51 <span class="icon icon-videos-overview"></span>
52 <ng-container i18n>Overview</ng-container>
53 </a>
54
50 <a routerLink="/videos/trending" routerLinkActive="active"> 55 <a routerLink="/videos/trending" routerLinkActive="active">
51 <span class="icon icon-videos-trending"></span> 56 <span class="icon icon-videos-trending"></span>
52 <ng-container i18n>Trending</ng-container> 57 <ng-container i18n>Trending</ng-container>
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index 606fea961..8539c0e56 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -141,6 +141,11 @@ menu {
141 background-image: url('../../assets/images/menu/subscriptions.svg'); 141 background-image: url('../../assets/images/menu/subscriptions.svg');
142 } 142 }
143 143
144 &.icon-videos-overview {
145 position: relative;
146 background-image: url('../../assets/images/menu/globe.svg');
147 }
148
144 &.icon-videos-trending { 149 &.icon-videos-trending {
145 position: relative; 150 position: relative;
146 top: -2px; 151 top: -2px;