finn/forgejo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add thumbnail preview section to issue attachments (#13826)

Browse source 
* add thumbnail preview section to attachments

* dont show thumbnail if the image is already shown inline

* update router to pass the `content` to the attachemnts template

* limit attachment preview height to 150px (same as width)

* remove unused css (referance removed in https://github.com/go-gitea/gitea/pull/11141/files#diff-9faae32445ed9673de2830c9fc35e93f44487f0a0068202988adaf00a5bac850L66 )

* dont show divider after edit if no attachemnts

Co-authored-by: James <inbox.dev@jhodges.co.uk>
Co-authored-by: 6543 <6543@obermui.de>
This commit is contained in:
bobemoe 2020-12-13 19:12:27 +00:00 • committed by GitHub
parent 825efa2605
commit b35c1b5784
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 56 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

7
web_src/js/index.js
View file

@ -1048,17 +1048,14 @@ async function initRepository() {
if (data.attachments !== '') {
$content.append(`
<div class="dropzone-attachments">
<div class="ui clearing divider"></div>
<div class="ui middle aligned padded grid">
</div>
</div>
`);
$content.find('.dropzone-attachments .grid').html(data.attachments);
$content.find('.dropzone-attachments').replaceWith(data.attachments);
}
} else if (data.attachments === '') {
$content.find('.dropzone-attachments').remove();
} else {
$content.find('.dropzone-attachments .grid').html(data.attachments);
$content.find('.dropzone-attachments').replaceWith(data.attachments);
}
if (dz) {
dz.emit('submit');

46
web_src/less/_repository.less
View file

@ -1016,50 +1016,10 @@
font-style: italic;
}
> .bottom.segment {
background: var(--color-box-body);
.ui.images::after {
clear: both;
content: ' ';
display: block;
}
a {
display: block;
float: left;
margin: 5px;
padding: 5px;
height: 150px;
border: solid 1px var(--color-secondary);
border-radius: 3px;
max-width: 150px;
background-color: var(--color-body);
&::before {
content: ' ';
display: inline-block;
height: 100%;
vertical-align: middle;
}
}
.ui.image {
max-height: 100%;
width: auto;
margin: 0;
vertical-align: middle;
}
span.ui.image {
font-size: 128px;
color: var(--color-text);
}
span.ui.image:hover {
color: var(--color-text);
}
.dropzone-attachments .thumbnails .ui.image {
max-height: 150px;
}
}
.ui.form {