From 734131d75053bd27fbe4f3b1292e81c4fc16abe3 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Sat, 19 Oct 2013 21:01:25 +0300
Subject: [ticket/11552] Responsive member list

Responsive member list and better responsive tables

PHPBB3-11552
---
 phpBB/styles/prosilver/theme/responsive.css | 66 ++++++++++-------------------
 1 file changed, 22 insertions(+), 44 deletions(-)

(limited to 'phpBB/styles/prosilver/theme/responsive.css')

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 {
+table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
 	display: block;
-	width: auto;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-}
-
-table.responsive thead {
-	display: none;
 }
 
-table.responsive th {
+table.responsive thead, table.responsive th {
 	display: none;
-	border-bottom-width: 0 !important;
 }
 
-table.mcp-warnings thead {
+table.responsive.show-header thead, table.responsive.show-header th:first-child {
 	display: block;
-}
-
-table.mcp-warnings th:nth-child(1),
-table.mcp-warnings th:nth-child(3) {
-	display: inline;
-}
-
-table.mcp-warnings th:nth-child(1):after {
-	content: ',';
+	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
-- 
cgit v1.2.1