From 22f2bc1df9a588d38e507c1a2b6a5b0a5aadd830 Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Sun, 14 Jun 2020 12:42:13 +0200
Subject: [PATCH] feat: change sidebar mode

---
 .../video-player/video-player.component.css     |  5 +++--
 .../video-player/video-player.component.html    | 17 +++++++++--------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/app/components/video-player/video-player.component.css b/src/app/components/video-player/video-player.component.css
index 5351a97a7..9962dd102 100644
--- a/src/app/components/video-player/video-player.component.css
+++ b/src/app/components/video-player/video-player.component.css
@@ -11,10 +11,11 @@
   right: 0;
 }
 
-.mat-sidenav-content {
+.mat-drawer-content {
   background: #000;
 }
 
-.mat-sidenav {
+.mat-drawer {
   width: 400px;
+  min-width: 400px;
 }
diff --git a/src/app/components/video-player/video-player.component.html b/src/app/components/video-player/video-player.component.html
index fa27f2b3c..22240a972 100644
--- a/src/app/components/video-player/video-player.component.html
+++ b/src/app/components/video-player/video-player.component.html
@@ -1,10 +1,11 @@
-<mat-sidenav-container
+<mat-drawer-container
     class="main-container"
     (backdropClick)="close()">
 
     <!-- sidebar content -->
-    <mat-sidenav
-        #sidenav
+    <mat-drawer
+        #drawer
+        mode="side"
         (keydown.escape)="close()"
         disableClose>
         <ng-container *ngIf="channels$ | async as channels">
@@ -12,14 +13,14 @@
                 [channelList]="channels"
                 (changeChannel)="playChannel($event)"></app-channel-list-container>
         </ng-container>
-    </mat-sidenav>
+    </mat-drawer>
 
-    <mat-sidenav-content>
+    <mat-drawer-content>
         <!-- toolbar with drawer icon -->
         <mat-toolbar color="primary">
             <button
                 mat-icon-button
-                (click)="sidenav.toggle()">
+                (click)="drawer.toggle()">
                 <mat-icon>menu</mat-icon>
             </button>
             myIPTV
@@ -32,5 +33,5 @@
             controls="true"
             muted="muted"></video>
 
-    </mat-sidenav-content>
-</mat-sidenav-container>
+    </mat-drawer-content>
+</mat-drawer-container>