From c0b419748cdec1620710ce85c482f9451a4f23b6 Mon Sep 17 00:00:00 2001
From: trivernis <trivernis@gmail.com>
Date: Mon, 20 Jan 2020 14:50:55 +0100
Subject: [PATCH] Add lightbox to mobile version

---
 ngsw-config.json                                  | 1 +
 src/app/components/profile/profile.component.html | 8 ++++----
 src/app/components/profile/profile.component.sass | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/ngsw-config.json b/ngsw-config.json
index 4ddf1a7..4e9dd0a 100644
--- a/ngsw-config.json
+++ b/ngsw-config.json
@@ -21,6 +21,7 @@
       "resources": {
         "files": [
           "/assets/**",
+          "/data/**",
           "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
         ]
       }
diff --git a/src/app/components/profile/profile.component.html b/src/app/components/profile/profile.component.html
index 1860066..e427abc 100644
--- a/src/app/components/profile/profile.component.html
+++ b/src/app/components/profile/profile.component.html
@@ -3,11 +3,11 @@
     <!--on small screen-->
     <mat-toolbar id="toolbar" fxShow="true" fxHide.gt-sm="true">
       <mat-toolbar-row>
-        <div class="hover-box" matTooltip="upload new picture" *ngIf="ownProfile" (click)="openFileUploadDialog()">
+        <div class="hover-box profile-picture-container" matTooltip="upload new picture" *ngIf="ownProfile" (click)="openFileUploadDialog()">
           <img class="profile-picture" [src]="userProfile.profilePicture"/>
           <mat-icon id="icon">camera_alt</mat-icon>
         </div>
-        <div *ngIf="!ownProfile">
+        <div class="profile-picture-container" *ngIf="!ownProfile" (click)="openPfpLightbox()">
           <img class="profile-picture" [src]="userProfile.profilePicture"/>
         </div>
 
@@ -44,11 +44,11 @@
     <!--on big screen-->
     <mat-toolbar id="toolbar" fxShow="true" fxHide.lt-md="true">
       <mat-toolbar-row>
-        <div class="hover-box user-profile-picture" matTooltip="upload new picture" *ngIf="ownProfile" (click)="openFileUploadDialog()">
+        <div class="hover-box profile-picture-container" matTooltip="upload new picture" *ngIf="ownProfile" (click)="openFileUploadDialog()">
           <img class="profile-picture" [src]="userProfile.profilePicture"/>
           <mat-icon id="icon">camera_alt</mat-icon>
         </div>
-        <div class="user-profile-picture" *ngIf="!ownProfile" (click)="openPfpLightbox()">
+        <div class="profile-picture-container" *ngIf="!ownProfile" (click)="openPfpLightbox()">
           <img class="profile-picture" [src]="userProfile.profilePicture" />
         </div>
         <span id="username">{{userProfile.username}}</span>
diff --git a/src/app/components/profile/profile.component.sass b/src/app/components/profile/profile.component.sass
index f782b67..3857047 100644
--- a/src/app/components/profile/profile.component.sass
+++ b/src/app/components/profile/profile.component.sass
@@ -55,7 +55,7 @@
 
 $mat-card-header-size: 100px !default
 
-.user-profile-picture
+.profile-picture-container
   cursor: pointer
   z-index: 11
 .hover-box