diff options
| author | Cesar G <prototech91@gmail.com> | 2013-11-27 15:34:23 -0800 |
|---|---|---|
| committer | Cesar G <prototech91@gmail.com> | 2014-01-17 19:20:36 -0800 |
| commit | f858ec1f56431bd1001eb686ccf972ae3577d16c (patch) | |
| tree | 86e5e118086fa1a4ab85834fb14c61f7648de6cf | |
| parent | 9c1cacae42d5d993a004a311089d7ac943002dc5 (diff) | |
| download | forums-f858ec1f56431bd1001eb686ccf972ae3577d16c.tar forums-f858ec1f56431bd1001eb686ccf972ae3577d16c.tar.gz forums-f858ec1f56431bd1001eb686ccf972ae3577d16c.tar.bz2 forums-f858ec1f56431bd1001eb686ccf972ae3577d16c.tar.xz forums-f858ec1f56431bd1001eb686ccf972ae3577d16c.zip | |
[ticket/11915] Fix various problems with responsive design.
PHPBB3-11915
| -rw-r--r-- | phpBB/styles/prosilver/template/forum_fn.js | 2 | ||||
| -rw-r--r-- | phpBB/styles/prosilver/template/posting_attach_body.html | 18 | ||||
| -rw-r--r-- | phpBB/styles/prosilver/theme/responsive.css | 9 |
3 files changed, 24 insertions, 5 deletions
diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js index a45f750a63..495df2871d 100644 --- a/phpBB/styles/prosilver/template/forum_fn.js +++ b/phpBB/styles/prosilver/template/forum_fn.js @@ -747,7 +747,7 @@ function parse_document(container) /** * 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'); if (items.length == 0) { diff --git a/phpBB/styles/prosilver/template/posting_attach_body.html b/phpBB/styles/prosilver/template/posting_attach_body.html index 2af0686ac8..711a26e25c 100644 --- a/phpBB/styles/prosilver/template/posting_attach_body.html +++ b/phpBB/styles/prosilver/template/posting_attach_body.html @@ -26,26 +26,33 @@ <table class="table1 zebra-list"> <thead> <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-filesize">{L_PLUPLOAD_SIZE}</th> <th class="attach-status">{L_PLUPLOAD_STATUS}</th> </tr> </thead> - <tbody id="file-list"> + <tbody class="responsive-skip-empty" id="file-list"> <tr class="attach-row" id="attach-row-tpl"> <td class="attach-name"> + <dfn style="display: none;">{L_PLUPLOAD_FILENAME}</dfn> <span class="file-name"></span> <span class="attach-controls"> <input type="button" value="{L_PLACE_INLINE}" class="button2 hidden file-inline-bbcode" /> <input type="button" value="{L_DELETE_FILE}" class="button2 file-delete" /> </span> + <span class="clear"></span> </td> <td class="attach-comment"> + <dfn style="display: none;">{L_FILE_COMMENT}</dfn> <textarea rows="1" cols="30" class="inputbox"></textarea> </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"> + <dfn style="display: none;">{L_PLUPLOAD_STATUS}</dfn> <span class="file-progress"> <span class="file-progress-bar"></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" /> <!-- ENDIF --> <input type="submit" name="delete_file[{attach_row.ASSOC_INDEX}]" value="{L_DELETE_FILE}" class="button2 file-delete" /> </span> + <span class="clear"></span> </td> <td class="attach-comment"> <textarea name="comment_list[{attach_row.ASSOC_INDEX}]" rows="1" cols="30" class="inputbox">{attach_row.FILE_COMMENT}</textarea> {attach_row.S_HIDDEN} </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"> <span class="file-status file-uploaded"></span> </td> diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 397ff12942..bfa2448296 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -499,6 +499,10 @@ fieldset.display-actions { margin: 0 25px; } +.attach-comment dfn { + width: 100%; +} + @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { p.responsive-center { @@ -526,4 +530,9 @@ fieldset.display-actions { display: block; margin-bottom: 5px; } + + .attach-controls { + margin-top: 5px; + width: 100%; + } } |