From 60394dd2d67815f7d532fb8eaa9bd370ef7ebda5 Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Tue, 16 Mar 2021 17:51:01 +0100
Subject: [PATCH] Improve publication view details images

---
 .../view-publications/view-publications.page.html    |  2 +-
 .../view-publications/view-publications.page.scss    | 12 +++++++++++-
 src/style/main.scss                                  | 10 ++++++++++
 3 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/app/shared/publication/view-publications/view-publications.page.html b/src/app/shared/publication/view-publications/view-publications.page.html
index 472bee2a4..87b990a75 100644
--- a/src/app/shared/publication/view-publications/view-publications.page.html
+++ b/src/app/shared/publication/view-publications/view-publications.page.html
@@ -31,7 +31,7 @@
       <div class="post-item  d-md-block mb-10"
         *ngFor="let publication of publicationList"
         (click)="viewPublicationDetail(publication.DocumentId)">
-        <div *ngIf="publication.FileBase64.length > 30" class="mb-10 post-img width-md-100">
+        <div *ngIf="publication.FileBase64.length > 30" class="mb-10 post-img width-md-100 height-lg-unset">
           <img src="{{publication.FileBase64}}" alt="image">
         </div>
         <div *ngIf="publication.FileBase64.length < 30" class="mb-10 post-img">
diff --git a/src/app/shared/publication/view-publications/view-publications.page.scss b/src/app/shared/publication/view-publications/view-publications.page.scss
index e66d10323..3765595c2 100644
--- a/src/app/shared/publication/view-publications/view-publications.page.scss
+++ b/src/app/shared/publication/view-publications/view-publications.page.scss
@@ -166,4 +166,14 @@
   .post-description{
     font-size: 13px;
     color: #000;
-  }
\ No newline at end of file
+  }
+
+
+
+
+
+@media only screen and (min-width: 1366px) {
+  .post-img{
+    width: unset !important;
+}
+}
\ No newline at end of file
diff --git a/src/style/main.scss b/src/style/main.scss
index 4ea2ab417..a50579d1b 100644
--- a/src/style/main.scss
+++ b/src/style/main.scss
@@ -198,6 +198,9 @@
 .width-md-20{width: 20%;}
 .width-md-10{width: 10%;}
 
+.width-md-unset{ width: unset;}
+.height-md-unset{ height: unset !important;}
+
 .max-width-md-100{max-width: 100%;}
 .max-width-md-90{max-width: 90%;}
 .max-width-md-80{max-width: 80%;}
@@ -281,6 +284,9 @@
   .align-lg-content-space-around{ align-content: space-around !important;}
   .align-lg-content-stretch{ align-content: stretch !important;}
 
+  .width-lg-unset{ width: unset;}
+  .height-lg-unset{ height: unset !important;}
+
   @for $i from 0 through 50 {
       .font-lg-#{$i} {
           font-size: #{$i}px ;
@@ -371,6 +377,7 @@
 .width-20{width: 20%;}
 .width-10{width: 10%;}
 
+
 .max-width-100{max-width: 100%;}
 .max-width-90{max-width: 90%;}
 .max-width-80{max-width: 80%;}
@@ -395,6 +402,9 @@
 .height-20{height: 20%;}
 .height-10{height: 10%;}
 
+.height-unset{ height: unset;}
+.width-unset{ width: unset;}
+
 .height-fit-content{height: fit-content;}