Archived
1
0

add filenames to images

This commit is contained in:
ZiRo 2016-05-22 22:51:26 +02:00
parent 6840c28cb8
commit e0789c8f90
2 changed files with 7 additions and 5 deletions

View File

@ -72,16 +72,17 @@ textarea {
padding: 10px 10px; padding: 10px 10px;
} }
.download_link { .download_link,.fname_link {
display: block; display: block;
text-align: center; text-align: center;
font-size: 90%; font-size: 90%;
height: auto height: auto
padding: 0.5em 0; padding: 0.5em 0;
margin: 0; margin: auto;
max-width: 100%; max-width: 200px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
max-height: 2.4em;
} }
pre { pre {
@ -232,7 +233,6 @@ hr {
max-width: 128px; max-width: 128px;
box-shadow: 0 0 4px rgba(0,0,0,0.55); box-shadow: 0 0 4px rgba(0,0,0,0.55);
border: 2px solid rgba(153,153,153,0); border: 2px solid rgba(153,153,153,0);
margin-bottom: 5px;
} }
a:hover , a:visited:hover, .navbar-link > label:hover { a:hover , a:visited:hover, .navbar-link > label:hover {
@ -405,7 +405,7 @@ input, textarea {
.thumbnail { .thumbnail {
display: block; display: block;
margin: 5px 20px 10px; margin: 5px 20px;
border: medium none; border: medium none;
max-width: 300px; max-width: 300px;
max-height: 200px; max-height: 200px;
@ -527,4 +527,5 @@ textarea#reply-text {
.attachments { .attachments {
float: left; float: left;
margin-bottom: 5px;
} }

View File

@ -24,6 +24,7 @@
<figcaption> <figcaption>
<a class="download_link" href="{{Source}}" download="{{Filename}}">{{#i18n.Translations}}{{download_prompt}}{{/i18n.Translations}}</a> <a class="download_link" href="{{Source}}" download="{{Filename}}">{{#i18n.Translations}}{{download_prompt}}{{/i18n.Translations}}</a>
<a class="file" href="{{Source}}" title="{{Filename}}" target="_blank"><img src="{{Thumbnail}}" alt="{{Filename}}" class="thumbnail"/></a> <a class="file" href="{{Source}}" title="{{Filename}}" target="_blank"><img src="{{Thumbnail}}" alt="{{Filename}}" class="thumbnail"/></a>
<a class="fname_link" title="{{Filename}}" href="{{Source}}">{{Filename}}</a>
</figcaption> </figcaption>
</figure> </figure>
{{/post.Attachments}} {{/post.Attachments}}