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

[ticket/11915] Fix various problems with responsive design.

Browse source 
PHPBB3-11915
This commit is contained in:
Cesar G 2013-11-27 15:34:23 -08:00
parent 9c1cacae42
commit f858ec1f56
3 changed files with 24 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
phpBB/styles/prosilver/template/forum_fn.js
View file

@ -747,7 +747,7 @@ function parse_document(container)
/** /**
* Hide empty responsive tables * Hide empty responsive tables
*/ */
container.find('table.responsive > tbody').each(function() { container.find('table.responsive > tbody').not('.responsive-skip-empty').each(function() {
var items = $(this).children('tr'); var items = $(this).children('tr');
if (items.length == 0) if (items.length == 0)
{ {

18
phpBB/styles/prosilver/template/posting_attach_body.html
View file

@ -26,26 +26,33 @@
<table class="table1 zebra-list"> <table class="table1 zebra-list">
<thead> <thead>
<tr> <tr>
<th class="attach-name">{LA_PLUPLOAD_FILENAME}</th> <th class="attach-name">{L_PLUPLOAD_FILENAME}</th>
<th class="attach-comment">{L_FILE_COMMENT}</th> <th class="attach-comment">{L_FILE_COMMENT}</th>
<th class="attach-filesize">{L_PLUPLOAD_SIZE}</th> <th class="attach-filesize">{L_PLUPLOAD_SIZE}</th>
<th class="attach-status">{L_PLUPLOAD_STATUS}</th> <th class="attach-status">{L_PLUPLOAD_STATUS}</th>
</tr> </tr>
</thead> </thead>
<tbody id="file-list"> <tbody class="responsive-skip-empty" id="file-list">
<tr class="attach-row" id="attach-row-tpl"> <tr class="attach-row" id="attach-row-tpl">
<td class="attach-name"> <td class="attach-name">
<dfn style="display: none;">{L_PLUPLOAD_FILENAME}</dfn>
<span class="file-name"></span> <span class="file-name"></span>
<span class="attach-controls"> <span class="attach-controls">
<input type="button" value="{L_PLACE_INLINE}" class="button2 hidden file-inline-bbcode" />&nbsp; <input type="button" value="{L_PLACE_INLINE}" class="button2 hidden file-inline-bbcode" />&nbsp;
<input type="button" value="{L_DELETE_FILE}" class="button2 file-delete" /> <input type="button" value="{L_DELETE_FILE}" class="button2 file-delete" />
</span> </span>
<span class="clear"></span>
</td> </td>
<td class="attach-comment"> <td class="attach-comment">
<dfn style="display: none;">{L_FILE_COMMENT}</dfn>
<textarea rows="1" cols="30" class="inputbox"></textarea> <textarea rows="1" cols="30" class="inputbox"></textarea>
</td> </td>
<td class="attach-filesize file-size"></td> <td class="attach-filesize">
<dfn style="display: none;">{L_PLUPLOAD_SIZE}</dfn>
<span class="file-size"></span>
</td>
<td class="attach-status"> <td class="attach-status">
<dfn style="display: none;">{L_PLUPLOAD_STATUS}</dfn>
<span class="file-progress"> <span class="file-progress">
<span class="file-progress-bar"></span> <span class="file-progress-bar"></span>
</span> </span>
@ -60,12 +67,15 @@
<!-- IF S_INLINE_ATTACHMENT_OPTIONS --><input type="button" value="{L_PLACE_INLINE}" onclick="attach_inline({attach_row.ASSOC_INDEX}, '{attach_row.A_FILENAME}');" class="button2 file-inline-bbcode" />&nbsp; <!-- ENDIF --> <!-- IF S_INLINE_ATTACHMENT_OPTIONS --><input type="button" value="{L_PLACE_INLINE}" onclick="attach_inline({attach_row.ASSOC_INDEX}, '{attach_row.A_FILENAME}');" class="button2 file-inline-bbcode" />&nbsp; <!-- ENDIF -->
<input type="submit" name="delete_file[{attach_row.ASSOC_INDEX}]" value="{L_DELETE_FILE}" class="button2 file-delete" /> <input type="submit" name="delete_file[{attach_row.ASSOC_INDEX}]" value="{L_DELETE_FILE}" class="button2 file-delete" />
</span> </span>
<span class="clear"></span>
</td> </td>
<td class="attach-comment"> <td class="attach-comment">
<textarea name="comment_list[{attach_row.ASSOC_INDEX}]" rows="1" cols="30" class="inputbox">{attach_row.FILE_COMMENT}</textarea> <textarea name="comment_list[{attach_row.ASSOC_INDEX}]" rows="1" cols="30" class="inputbox">{attach_row.FILE_COMMENT}</textarea>
{attach_row.S_HIDDEN} {attach_row.S_HIDDEN}
</td> </td>
<td class="attach-filesize file-size">{attach_row.FILESIZE}</td> <td class="attach-filesize">
<span class="file-size">{attach_row.FILESIZE}</span>
</td>
<td class="attach-status"> <td class="attach-status">
<span class="file-status file-uploaded"></span> <span class="file-status file-uploaded"></span>
</td> </td>

9
phpBB/styles/prosilver/theme/responsive.css
View file

@ -499,6 +499,10 @@ fieldset.display-actions {
margin: 0 25px; margin: 0 25px;
} }
.attach-comment dfn {
width: 100%;
}
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) @media only screen and (max-width: 500px), only screen and (max-device-width: 500px)
{ {
p.responsive-center { p.responsive-center {
@ -526,4 +530,9 @@ fieldset.display-actions {
display: block; display: block;
margin-bottom: 5px; margin-bottom: 5px;
} }
.attach-controls {
margin-top: 5px;
width: 100%;
}
} }