Commit:    111cffbdf86547cde9be5eec227ab1b26e666bb3
Author:    Adam Harvey <[email protected]>         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 ?>


--
PHP Webmaster List Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php

Reply via email to