0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2024-12-25 08:54:17 -05:00

Image attachments keep aspect ratio

This commit is contained in:
ChubbyNinja 2016-02-26 14:09:37 +00:00
parent 129638117f
commit ab4bc653ab
2 changed files with 52 additions and 2 deletions

View file

@ -1460,8 +1460,33 @@ footer .container .links > *:first-child {
.repository.view.issue .comment-list .comment .content > .bottom.segment { .repository.view.issue .comment-list .comment .content > .bottom.segment {
background: #f3f4f5; 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 { .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 { .repository.view.issue .comment-list .comment .ui.form .field:first-child {
clear: none; clear: none;

View file

@ -413,8 +413,33 @@
} }
> .bottom.segment { > .bottom.segment {
background: #f3f4f5; 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 { .ui.image {
max-height: 150px; max-height: 100%;
width: auto;
margin: 0;
vertical-align: middle;
} }
} }
} }