makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-07 20:08:53 +00:00
Code Issues Projects Releases Packages Wiki Activity

[ticket/14771] Add classes and clean up audio attachment HTML

Browse source 
PHPBB3-14771
This commit is contained in:
Marc Alexander 2021-07-04 21:21:53 +02:00
parent 9099bdb2ad
commit 3c63116fe7
No known key found for this signature in database
GPG key ID: 50E0D2423696F995
2 changed files with 22 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
phpBB/styles/prosilver/template/attachment.html
View file

@ -30,11 +30,23 @@
<!-- ENDIF -->
{% if _file.S_AUDIO_FILE %}
<dl class="file">
<dt><audio class="file-audio-controls" controls="controls" preload="metadata"><source src="{{ _file.U_DOWNLOAD_LINK }}" type="{{ _file.MIMETYPE }}"></audio></dt>
{% if _file.COMMENT %}<dd><em>{{ _file.COMMENT }}</em></dd>{% endif %}
<dd>{% if _file.UPLOAD_ICON %}{{ _file.UPLOAD_ICON }} {% endif %}<a class="postlink" href="{{ _file.U_DOWNLOAD_LINK }}" download>{{ _file.DOWNLOAD_NAME }}</a> ({{ _file.FILESIZE }} {{ _file.SIZE_LANG }}) {{ _file.L_DOWNLOAD_COUNT }}</dd>
</dl>
<dl class="file">
<dt class="c-file-header">
<audio class="c-file-audio-controls" controls="controls" preload="metadata">
<source class="c-file-audio-source" src="{{ _file.U_DOWNLOAD_LINK }}" type="{{ _file.MIMETYPE }}">
</audio>
</dt>
{% if _file.COMMENT %}
<dd class="c-file-comment">{{ _file.COMMENT }}</dd>
{% endif %}
<dd class="c-file-actions">
{% if _file.UPLOAD_ICON %}
<span class="o-icon c-file-icon">{{ _file.UPLOAD_ICON }}</span>
{% endif %}
<a class="c-file-actions-link postlink" href="{{ _file.U_DOWNLOAD_LINK }}" download>{{ _file.DOWNLOAD_NAME }}</a>
<span class="c-file-actions-meta">({{ _file.FILESIZE }} {{ _file.SIZE_LANG }}) {{ _file.L_DOWNLOAD_COUNT }}</span>
</dd>
</dl>
{% endif %}
<!-- EVENT attachment_file_append -->

6
phpBB/styles/prosilver/theme/content.css
View file

@ -682,7 +682,11 @@ dl.thumbnail dt a:hover img {
border: 1px solid transparent;
}
audio.file-audio-controls {
.c-file-comment {
font-style: italic;
}
.c-file-audio-controls {
max-width: 100%;
}