mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-08-24 09:12:56 +02:00
Code Issues Releases Wiki Activity

[ticket/11552] Responsive member list

Browse Source 
Responsive member list and better responsive tables

PHPBB3-11552
This commit is contained in:
Vjacheslav Trushkin
2013-10-19 21:01:25 +03:00
parent fbd57b9369
commit 734131d750
9 changed files with 103 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
phpBB/styles/prosilver/theme/common.css
View File

@@ -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%; }

70
phpBB/styles/prosilver/theme/responsive.css
View File

@@ -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