From 510c5a52a812515de0af3fef93b7a0eb55c3fea7 Mon Sep 17 00:00:00 2001
From: Aaron Parecki <aaron@parecki.com>
Date: Sun, 27 May 2018 10:07:06 -0700
Subject: set max height on image to prevent tall images from blocking
 scrolling

closes #87
---
 views/new-post.php | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'views')

diff --git a/views/new-post.php b/views/new-post.php
index 9779c1e..02733bc 100644
--- a/views/new-post.php
+++ b/views/new-post.php
@@ -142,7 +142,7 @@
       <div class="modal-body">
 
         <div id="modal_photo_preview" class="hidden">
-          <img style="width:100%;">
+          <img>
         </div>
 
         <label id="note_photo_button" class="btn btn-default btn-file" style="margin-bottom: 1em;">
@@ -177,7 +177,7 @@
       <div class="modal-body">
 
         <div id="modal_edit_photo_preview" style="margin-bottom: 4px;">
-          <img style="width:100%;">
+          <img>
         </div>
 
         <input type="text" id="note_edit_photo_alt" class="form-control" placeholder="Image alt text">
@@ -205,8 +205,14 @@
   font-weight: bold;
 }
 
+#modal_photo_preview {
+  text-align: center;
+}
+#modal_photo_preview img {
+  max-height: 40vh;
+}
 #modal_photo_preview img, #modal_edit_photo_preview img {
-  width: 100%;
+  max-width: 100%;
   border-radius: 4px;
   margin-bottom: 4px;
 }
-- 
cgit v1.2.3