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 77a1a0511..23da755aa 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 e9acff3f0..e6ad40af6 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;
}
}
}