diff options
| author | Aaron Parecki <aaron@parecki.com> | 2018-05-27 10:07:06 -0700 |
|---|---|---|
| committer | Aaron Parecki <aaron@parecki.com> | 2018-05-27 10:07:06 -0700 |
| commit | 510c5a52a812515de0af3fef93b7a0eb55c3fea7 (patch) | |
| tree | fc319e09fb97897fc7d68140f492c3784b16f6b2 /views/new-post.php | |
| parent | cbc237c8ce63aadaecb6be0fd9eb733f8bb0d6bc (diff) | |
set max height on image to prevent tall images from blocking scrolling
closes #87
Diffstat (limited to 'views/new-post.php')
| -rw-r--r-- | views/new-post.php | 12 |
1 files changed, 9 insertions, 3 deletions
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; } |