1
0
mirror of https://github.com/php/web-php.git synced 2026-03-23 23:02:13 +01:00

Make the supported versions table a little more mobile friendly.

This commit is contained in:
Adam Harvey
2014-10-29 10:17:21 -07:00
parent 33d5508c08
commit 111cffbdf8
2 changed files with 17 additions and 3 deletions

View File

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

View File

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