aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/app.component.html
diff options
context:
space:
mode:
authorChocobozzz <florian.bigard@gmail.com>2017-04-26 21:22:00 +0200
committerChocobozzz <florian.bigard@gmail.com>2017-04-26 21:23:19 +0200
commit67167390827ca0c6c10849f26d0deb8b32186a7e (patch)
treef2c2732c287b175bad289968721de3063b633ee6 /client/src/app/app.component.html
parentd1a00ddbe245ee6cd2837025fb7757b22465dd11 (diff)
downloadPeerTube-67167390827ca0c6c10849f26d0deb8b32186a7e.tar.gz
PeerTube-67167390827ca0c6c10849f26d0deb8b32186a7e.tar.zst
PeerTube-67167390827ca0c6c10849f26d0deb8b32186a7e.zip
Client: add ability to hide left menu
Diffstat (limited to 'client/src/app/app.component.html')
-rw-r--r--client/src/app/app.component.html30
1 files changed, 21 insertions, 9 deletions
diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html
index 04cdbb1f8..a1e38cdb1 100644
--- a/client/src/app/app.component.html
+++ b/client/src/app/app.component.html
@@ -1,13 +1,29 @@
1<div class="container-fluid"> 1<div class="container-fluid">
2 <div class="row"> 2 <div class="row header">
3 <div class="col-md-2 col-sm-3 col-xs-3 title-menu-left"> 3
4 <div class="col-md-2 col-sm-3 col-xs-3 top-left-block" [ngClass]="{ 'border-bottom': isMenuDisplayed === false }">
5 <div class="hamburger-block">
6 <span (click)="toggleMenu()" class="glyphicon glyphicon-menu-hamburger"></span>
7 </div>
8
4 <div id="peertube-title" class="title-menu-left-block header"> 9 <div id="peertube-title" class="title-menu-left-block header">
5 <a [routerLink]="['/videos/list']" title="Homepage"></a> 10 <a [routerLink]="['/videos/list']" title="Homepage"></a>
6 </div> 11 </div>
12 </div>
13
14 <!-- Used for the fixed title -->
15 <div class="col-md-2 col-sm-3 col-xs-3 fake-title-block"></div>
16
17 <!-- We need to reset col-md-* because my-search is in fixed position -->
18 <my-search class="col-md-10 col-sm-9 col-xs-9"></my-search>
19 </div>
20
21 <div class="row">
22 <div class="col-md-2 col-sm-3 col-xs-3 title-menu-left">
7 23
8 <div class="title-menu-left-block menu"> 24 <div class="title-menu-left-block menu">
9 <my-menu *ngIf="isInAdmin() === false"></my-menu> 25 <my-menu *ngIf="isMenuDisplayed && isInAdmin() === false"></my-menu>
10 <my-menu-admin *ngIf="isInAdmin() === true"></my-menu-admin> 26 <my-menu-admin *ngIf="isMenuDisplayed && isInAdmin() === true"></my-menu-admin>
11 </div> 27 </div>
12 </div> 28 </div>
13 29
@@ -15,11 +31,7 @@
15 <div class="col-md-2 col-sm-3 col-xs-3"> 31 <div class="col-md-2 col-sm-3 col-xs-3">
16 </div> 32 </div>
17 33
18 <div class="col-md-10 col-sm-9 col-xs-9 main-col"> 34 <div [ngClass]="getMainColClasses()">
19 <div class="row header">
20 <!-- We need to reset col-md-* because my-search is in fixed position -->
21 <my-search class="col-md-10 col-sm-9 col-xs-9"></my-search>
22 </div>
23 35
24 <div class="main-row"> 36 <div class="main-row">
25 <router-outlet></router-outlet> 37 <router-outlet></router-outlet>