Make all images responsive.

dessalines · Mar 29, 2018 · 53b580f · 53b580f
1 parent a03dbfe
commit 53b580f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/ui/src/app/shared/tools.ts b/ui/src/app/shared/tools.ts
@@ -3,8 +3,8 @@ import Zooming from 'zooming';
 export class Tools {
   static zooming = new Zooming({
     enableGrab: false,
-    preloadImage: true,
-    zIndex: 9001
+    preloadImage: false,
+    zIndex: 998
   });
 
   static createCookie(name: string, value: any, expireTime: number) {

diff --git a/ui/src/app/styles/extras.scss b/ui/src/app/styles/extras.scss
@@ -190,4 +190,9 @@ ngx-masonry-item, .masonry-column-sizer {
   @media (max-width : 480px) {
     width: calc(100%);
   }
+}
+
+img {
+  max-width: 100%;
+  height: auto;
 }