com web/php: Make the supported versions table a little more mobile friendly.: styles/supported-versions.css supported-versions.php

Commit: 111cffbdf86547cde9be5eec227ab1b26e666bb3 Author: Adam Harvey <aharvey@php.net> Wed, 29 Oct 2014 10:17:21 -0700 Parents: 33d5508c08e2213a8b3d49f69e2cd985c1b2989b Branches: master Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=111cffbdf86547cde9be5eec227ab1b26e666bb3 Log: Make the supported versions table a little more mobile friendly. Changed paths: M styles/supported-versions.css M supported-versions.php Diff: diff --git a/styles/supported-versions.css b/styles/supported-versions.css index fe6284b..d30285c 100644 --- a/styles/supported-versions.css +++ b/styles/supported-versions.css @@ -13,6 +13,20 @@ table.standard tr.stable td:first-child { background: #9c9; } +@media (max-width: 767px) { + table.standard th { + font-size: 1rem; + } + + table.standard td.collapse-phone { + padding: 0; + } + + table.standard td.collapse-phone * { + display: none; + } +} + svg { max-width: 100%; height: auto; diff --git a/supported-versions.php b/supported-versions.php index 793e5d4..908838d 100644 --- a/supported-versions.php +++ b/supported-versions.php @@ -56,11 +56,11 @@ site_header('Supported Versions', array('css' => array('supported-versions.css') </a> </td> <td><?php echo htmlspecialchars($initial->format('j M Y')) ?></td> - <td><em><?php echo htmlspecialchars(format_interval($initial, null)) ?></em></td> + <td class="collapse-phone"><em><?php echo htmlspecialchars(format_interval($initial, null)) ?></em></td> <td><?php echo htmlspecialchars($until->format('j M Y')) ?></td> - <td><em><?php echo htmlspecialchars(format_interval($until, null)) ?></em></td> + <td class="collapse-phone"><em><?php echo htmlspecialchars(format_interval($until, null)) ?></em></td> <td><?php echo htmlspecialchars($eol->format('j M Y')) ?></td> - <td><em><?php echo htmlspecialchars(format_interval($eol, null)) ?></em></td> + <td class="collapse-phone"><em><?php echo htmlspecialchars(format_interval($eol, null)) ?></em></td> </tr> <?php endforeach ?> <?php endforeach ?>