diff options
Diffstat (limited to 'client/src/app/app.component.html')
-rw-r--r-- | client/src/app/app.component.html | 41 |
1 files changed, 15 insertions, 26 deletions
diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html index 8a826e783..da4273dda 100644 --- a/client/src/app/app.component.html +++ b/client/src/app/app.component.html | |||
@@ -1,37 +1,26 @@ | |||
1 | <div class="container-fluid"> | 1 | <div> |
2 | <div class="row header"> | 2 | <div class="header"> |
3 | 3 | ||
4 | <div class="col-md-2 col-sm-3 col-xs-3 top-left-block" [ngClass]="{ 'border-bottom': isMenuDisplayed === false }"> | 4 | <div class="top-left-block" [ngClass]="{ 'border-bottom': isMenuDisplayed === false }"> |
5 | <div class="hamburger-block" (click)="toggleMenu()"> | 5 | <span class="icon icon-menu" (click)="toggleMenu()"></span> |
6 | <span class="glyphicon glyphicon-menu-hamburger"></span> | ||
7 | </div> | ||
8 | 6 | ||
9 | <div id="peertube-title"> | 7 | <a id="peertube-title" [routerLink]="['/videos/list']" title="Homepage"> |
10 | <a [routerLink]="['/videos/list']" title="Homepage"></a> | 8 | <span class="icon icon-logo"></span> |
11 | </div> | 9 | PeerTube |
10 | </a> | ||
12 | </div> | 11 | </div> |
13 | 12 | ||
14 | <!-- Used for the fixed title --> | 13 | <div class="header-right"> |
15 | <div class="col-md-2 col-sm-3 col-xs-3 fake-title-block"></div> | 14 | <my-header></my-header> |
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"> | ||
23 | |||
24 | <div class="title-menu-left-block menu"> | ||
25 | <my-menu *ngIf="isMenuDisplayed && isInAdmin() === false"></my-menu> | ||
26 | <my-menu-admin *ngIf="isMenuDisplayed && isInAdmin() === true"></my-menu-admin> | ||
27 | </div> | ||
28 | </div> | 15 | </div> |
16 | </div> | ||
29 | 17 | ||
30 | <!-- Used for the fixed menu --> | 18 | <div class="sub-header-container"> |
31 | <div class="fake-menu col-md-2 col-sm-3 col-xs-3"> | 19 | <div *ngIf="isMenuDisplayed" class="title-menu-left"> |
20 | <my-menu></my-menu> | ||
32 | </div> | 21 | </div> |
33 | 22 | ||
34 | <div class="main-col" [ngClass]="getMainColClasses()"> | 23 | <div class="main-col container-fluid" [ngClass]="getMainColClasses()"> |
35 | 24 | ||
36 | <div class="main-row"> | 25 | <div class="main-row"> |
37 | <router-outlet></router-outlet> | 26 | <router-outlet></router-outlet> |