diff options
| author | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-09-27 17:57:18 +0300 |
|---|---|---|
| committer | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-17 21:13:06 +0300 |
| commit | cab21f3a1ef17b81bfaef2231df6fc4c8326939e (patch) | |
| tree | 6ca01ca12ae80c7ee494d8df92873f9331ebef80 /phpBB/styles/prosilver/theme/responsive.css | |
| parent | 961a27091e4bd1e35966a9b2b3791cb4803c5592 (diff) | |
| download | forums-cab21f3a1ef17b81bfaef2231df6fc4c8326939e.tar forums-cab21f3a1ef17b81bfaef2231df6fc4c8326939e.tar.gz forums-cab21f3a1ef17b81bfaef2231df6fc4c8326939e.tar.bz2 forums-cab21f3a1ef17b81bfaef2231df6fc4c8326939e.tar.xz forums-cab21f3a1ef17b81bfaef2231df6fc4c8326939e.zip | |
[ticket/11552] Responsive tables in MCP
PHPBB3-11552
Diffstat (limited to 'phpBB/styles/prosilver/theme/responsive.css')
| -rw-r--r-- | phpBB/styles/prosilver/theme/responsive.css | 29 |
1 files changed, 27 insertions, 2 deletions
diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index aa0da9af91..1e2cb15555 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -240,17 +240,37 @@ table.responsive thead { display: none; } +table.responsive th { + display: none; + border-bottom-width: 0 !important; +} + +table.mcp-warnings thead { + 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: ','; +} + table.responsive tr { overflow: hidden; margin: 5px 0; } -table.mcp-logs td:nth-child(2) { +table.mcp-logs td:nth-child(2), +table.mcp-warnings td:nth-child(2n + 1) { width: 50%; float: left; } -table.mcp-logs td:nth-child(3) { +table.mcp-logs td:nth-child(3), +table.mcp-warnings td:nth-child(2n) { margin-left: 50%; text-align: right; } @@ -292,6 +312,11 @@ p.rightside { margin-bottom: 0; } +.column1, .column2 { + width: auto; + float: none; +} + @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { p.responsive-center { |