From ab4bc653ab0b95a85acb3c0cf8ee599b943a7bba Mon Sep 17 00:00:00 2001
From: ChubbyNinja <dan.hearnah@gmail.com>
Date: Fri, 26 Feb 2016 14:09:37 +0000
Subject: [PATCH] Image attachments keep aspect ratio

---
 public/css/gogs.css          | 27 ++++++++++++++++++++++++++-
 public/less/_repository.less | 27 ++++++++++++++++++++++++++-
 2 files changed, 52 insertions(+), 2 deletions(-)

diff --git a/public/css/gogs.css b/public/css/gogs.css
index 77a1a0511e19..23da755aa283 100644
--- a/public/css/gogs.css
+++ b/public/css/gogs.css
@@ -1460,8 +1460,33 @@ footer .container .links > *:first-child {
 .repository.view.issue .comment-list .comment .content > .bottom.segment {
   background: #f3f4f5;
 }
+.repository.view.issue .comment-list .comment .content > .bottom.segment .ui.images::after {
+  clear: both;
+  content: ' ';
+  display: block;
+}
+.repository.view.issue .comment-list .comment .content > .bottom.segment a {
+  display: block;
+  float: left;
+  margin: 5px;
+  padding: 5px;
+  height: 150px;
+  border: solid 1px #eee;
+  border-radius: 3px;
+  max-width: 150px;
+  background-color: #fff;
+}
+.repository.view.issue .comment-list .comment .content > .bottom.segment a:before {
+  content: "";
+  display: inline-block;
+  height: 100%;
+  vertical-align: middle;
+}
 .repository.view.issue .comment-list .comment .content > .bottom.segment .ui.image {
-  max-height: 150px;
+  max-height: 100%;
+  width: auto;
+  margin: 0;
+  vertical-align: middle;
 }
 .repository.view.issue .comment-list .comment .ui.form .field:first-child {
   clear: none;
diff --git a/public/less/_repository.less b/public/less/_repository.less
index e9acff3f0e4e..e6ad40af65f8 100644
--- a/public/less/_repository.less
+++ b/public/less/_repository.less
@@ -413,8 +413,33 @@
 					}
 					> .bottom.segment {
 						background: #f3f4f5;
+						.ui.images::after {
+							clear: both;
+							content: ' ';
+							display: block;
+						}
+						a {
+							display: block;
+							float: left;
+							margin: 5px;
+							padding: 5px;
+							height: 150px;
+							border: solid 1px #eee;
+							border-radius: 3px;
+							max-width: 150px;
+							background-color: #fff;
+							&:before {
+								content:' ';
+								display: inline-block;
+								height: 100%;
+								vertical-align: middle;
+							}
+						}
 						.ui.image {
-							max-height: 150px;
+							max-height: 100%;
+							width: auto;
+							margin: 0;
+							vertical-align: middle;
 						}
 					}
 				}