diff options
| author | ChubbyNinja <dan.hearnah@gmail.com> | 2016-02-26 14:09:37 +0000 |
|---|---|---|
| committer | ChubbyNinja <dan.hearnah@gmail.com> | 2016-02-26 14:09:37 +0000 |
| commit | ab4bc653ab0b95a85acb3c0cf8ee599b943a7bba (patch) | |
| tree | 37b0cdd0ec5fa5c0cf3572ce9ff8e8884e4c70ad /public | |
| parent | 129638117f1eed78475a041bd65097e56939caca (diff) | |
| download | gitea-ab4bc653ab0b95a85acb3c0cf8ee599b943a7bba.tar.gz gitea-ab4bc653ab0b95a85acb3c0cf8ee599b943a7bba.zip | |
Image attachments keep aspect ratio
Diffstat (limited to 'public')
| -rw-r--r-- | public/css/gogs.css | 27 | ||||
| -rw-r--r-- | 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 77a1a0511e..23da755aa2 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 e9acff3f0e..e6ad40af65 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; } } } |