diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js index a6cb378246..97f99a5e52 100644 --- a/phpBB/styles/prosilver/template/forum_fn.js +++ b/phpBB/styles/prosilver/template/forum_fn.js @@ -533,6 +533,72 @@ function insert_single_user(formId, user) $(window).resize(check); }); + // Responsive tables + $('table.table1').not('.not-responsive').each(function() { + var $this = $(this), + th = $this.find('thead > tr > th'), + columns = th.length, + headers = [], + totalHeaders = 0, + i, headersLength; + + // Find each header + th.each(function() { + var cell = $(this), + colspan = parseInt(cell.attr('colspan')), + dfn = cell.attr('data-dfn'), + text = dfn ? dfn : cell.text(); + + colspan = isNaN(colspan) || colspan < 1 ? 1 : colspan; + + for (i=0; i + $this.addClass('responsive'); + + if (totalHeaders < 2) { + $this.addClass('show-header'); + return; + } + + $this.find('tbody > tr').each(function() { + var row = $(this), + cells = row.children('td'), + column = 0; + + if (cells.length == 1) { + row.addClass('big-column'); + return; + } + + cells.each(function() { + var cell = $(this), + colspan = parseInt(cell.attr('colspan')), + text = cell.text().trim(); + + if (headersLength <= column) { + return; + } + + if (text.length && text !== '-') { + cell.prepend('' + headers[column] + ''); + } + else { + cell.addClass('empty'); + } + + colspan = isNaN(colspan) || colspan < 1 ? 1 : colspan; + column += colspan; + }); + }); + }); + // Responsive link lists $('.linklist:not(.navlinks, .skip-responsive)').each(function() { var $this = $(this), diff --git a/phpBB/styles/prosilver/template/mcp_front.html b/phpBB/styles/prosilver/template/mcp_front.html index fd224f80bc..402cfe029a 100644 --- a/phpBB/styles/prosilver/template/mcp_front.html +++ b/phpBB/styles/prosilver/template/mcp_front.html @@ -147,7 +147,7 @@

{L_LATEST_LOGS}

- +
diff --git a/phpBB/styles/prosilver/template/mcp_logs.html b/phpBB/styles/prosilver/template/mcp_logs.html index 658e8cf97f..492c8cf201 100644 --- a/phpBB/styles/prosilver/template/mcp_logs.html +++ b/phpBB/styles/prosilver/template/mcp_logs.html @@ -21,7 +21,7 @@ -
{L_ACTION}
+
diff --git a/phpBB/styles/prosilver/template/mcp_warn_front.html b/phpBB/styles/prosilver/template/mcp_warn_front.html index 1ede323720..5a332cf202 100644 --- a/phpBB/styles/prosilver/template/mcp_warn_front.html +++ b/phpBB/styles/prosilver/template/mcp_warn_front.html @@ -33,7 +33,7 @@

{L_MOST_WARNINGS}

-
{L_USERNAME}
+
@@ -67,7 +67,7 @@

{L_LATEST_WARNINGS}

-
{L_USERNAME}
+
diff --git a/phpBB/styles/prosilver/template/mcp_warn_list.html b/phpBB/styles/prosilver/template/mcp_warn_list.html index 61e449b5b5..cdf2aecc0e 100644 --- a/phpBB/styles/prosilver/template/mcp_warn_list.html +++ b/phpBB/styles/prosilver/template/mcp_warn_list.html @@ -21,7 +21,7 @@ -
{L_USERNAME}
+
diff --git a/phpBB/styles/prosilver/template/memberlist_body.html b/phpBB/styles/prosilver/template/memberlist_body.html index 46b35eae2c..f4190d7931 100644 --- a/phpBB/styles/prosilver/template/memberlist_body.html +++ b/phpBB/styles/prosilver/template/memberlist_body.html @@ -28,7 +28,7 @@
-
{L_USERNAME}
- + diff --git a/phpBB/styles/prosilver/template/search_body.html b/phpBB/styles/prosilver/template/search_body.html index d4c1f98a2a..7229e5a5dc 100644 --- a/phpBB/styles/prosilver/template/search_body.html +++ b/phpBB/styles/prosilver/template/search_body.html @@ -105,7 +105,7 @@ - + diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 1b4c41afd0..c38a982d2f 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -435,6 +435,10 @@ ul.responsive-popup li { text-align: left; } +.wrap ul.responsive-popup li { + white-space: normal; +} + ul.responsive-popup li:before, ul.responsive-popup li:after { display: none !important; } @@ -502,7 +506,7 @@ table.table1 tbody th { /* Specific column styles */ table.table1 .name { text-align: left; } -table.table1 .posts { text-align: center !important; width: 7%; } +table.table1 .posts { text-align: center; width: 7%; } table.table1 .joined { text-align: left; width: 15%; } table.table1 .active { text-align: left; width: 15%; } table.table1 .mark { text-align: center; width: 7%; } diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 39004c0eaf..7fe5f3bf17 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -232,72 +232,50 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { /* Responsive tables ----------------------------------------*/ -table.responsive, table.responsive thead, table.responsive tbody, table.responsive tr, table.responsive th, table.responsive td { - display: block; - width: auto; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -table.responsive thead { - display: none; -} - -table.responsive th { - display: none; - border-bottom-width: 0 !important; -} - -table.mcp-warnings thead { +table.responsive, table.responsive tbody, table.responsive tr, table.responsive td { display: block; } -table.mcp-warnings th:nth-child(1), -table.mcp-warnings th:nth-child(3) { - display: inline; +table.responsive thead, table.responsive th { + display: none; } -table.mcp-warnings th:nth-child(1):after { - content: ','; +table.responsive.show-header thead, table.responsive.show-header th:first-child { + display: block; + width: auto !important; + text-align: left !important; } table.responsive tr { - overflow: hidden; - margin: 5px 0; + margin: 2px 0; } -table.mcp-logs td:nth-child(2), -table.mcp-warnings td:nth-child(2n + 1) { - width: 50%; - float: left; +table.responsive td { + width: auto !important; + text-align: left !important; + padding: 4px; } -table.mcp-logs td:nth-child(3), -table.mcp-warnings td:nth-child(2n) { - margin-left: 50%; - text-align: right; +table.responsive td.empty { + display: none !important; } -table.mcp-logs td:nth-child(4), table.mcp-logs td:nth-child(5), -table.mcp-logs-full td:nth-child(1), table.mcp-logs-full td:nth-child(2) { - width: 33%; - float: left; +table.responsive td > dfn { + display: inline-block !important; } -table.mcp-logs td:nth-child(4), -table.mcp-logs-full td:nth-child(4) { - clear: left; +table.responsive td > dfn:after { + content: ':'; + padding-right: 5px; } -table.mcp-logs td:nth-child(5), -table.mcp-logs-full td:nth-child(2) { - text-align: center; +table.responsive span.rank-img { + float: none; + padding-right: 5px; } -table.mcp-logs td:nth-child(6), -table.mcp-logs-full td:nth-child(3) { - margin-left: 66%; - text-align: right; +table.responsive#memberlist td:first-child input[type="checkbox"] { + float: right; } /* Forms
{L_RANK}{L_GROUP_LEADER}{L_USERNAME}{L_RANK}{L_GROUP_LEADER}{L_USERNAME} {L_POSTS} {L_WEBSITE}{L_COMMA_SEPARATOR}{L_LOCATION} {L_JOINED}
{recentsearch.KEYWORDS} {recentsearch.TIME}{recentsearch.TIME}