From 21c670b9e7862252e468b43728f8bf5f2bd804e8 Mon Sep 17 00:00:00 2001
From: noellamwanzia <noellamwanzia@gmail.com>
Date: Fri, 23 Apr 2021 15:41:29 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9BFixed=20drawer=20that=20displayed?=
 =?UTF-8?q?=20files=20and=20documents.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../file-manager-pane/file-manager-pane.component.html     | 5 +++--
 .../file-manager-pane/file-manager-pane.component.scss     | 7 +++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/ngfire/files/src/lib/file-manager/components/file-manager-pane/file-manager-pane.component.html b/ngfire/files/src/lib/file-manager/components/file-manager-pane/file-manager-pane.component.html
index 31e4584..e3ecb13 100644
--- a/ngfire/files/src/lib/file-manager/components/file-manager-pane/file-manager-pane.component.html
+++ b/ngfire/files/src/lib/file-manager/components/file-manager-pane/file-manager-pane.component.html
@@ -17,10 +17,11 @@
 
   </mat-drawer-content>
 
-  <mat-drawer class="drawer-side" *ngIf="!position.isFolder"
-              position="end" mode="over"
+  <mat-drawer class="drawer-side" #drawer *ngIf="!position.isFolder"
+              position="end" mode="side"
               [opened]="!position.isFolder"
               (closed)="onNodeClicked(position.parent)">
+              <mat-icon class="close" (click)="drawer.close()"><i class="fas fa-times"></i></mat-icon>
     <!-- Current File -->
     <ngfire-file-details-pane [file]="position"
                               (nodeClicked)="onNodeClicked($event)">
diff --git a/ngfire/files/src/lib/file-manager/components/file-manager-pane/file-manager-pane.component.scss b/ngfire/files/src/lib/file-manager/components/file-manager-pane/file-manager-pane.component.scss
index 307d53b..8575e75 100644
--- a/ngfire/files/src/lib/file-manager/components/file-manager-pane/file-manager-pane.component.scss
+++ b/ngfire/files/src/lib/file-manager/components/file-manager-pane/file-manager-pane.component.scss
@@ -10,3 +10,10 @@
 ngfire-file-manager-item {
   margin-bottom: 25px;
 }
+
+.close{
+  font-size: 20px;
+  padding: 10px;
+  cursor: pointer;
+}
+