Hide viaPoints when display width is less than 480px
--- a/common-template.inc.php
+++ b/common-template.inc.php
@@ -73,7 +73,13 @@
#jqm-homeheader {
text-align: center;
}
-
+ .viaPoints {
+ display: none;
+ text-size: 0.2em;
+ }
+ .min-width-480px .viaPoints {
+ display: block;
+ }
// source http://webaim.org/techniques/skipnav/
#skip a, #skip a:hover, #skip a:visited
{
--- a/stop.php
+++ b/stop.php
@@ -72,10 +72,8 @@
foreach ($trips as $row) {
echo '<li>';
echo '<h3><a href="trip.php?stopid=' . $stopid . '&tripid=' . $row[1][0] . '">' . $row[1][1];
- if (isFastDevice()) {
- $viaPoints = viaPointNames($row[1][0], $stopid);
- if ($viaPoints != "") echo '<br><small>Via: ' . $viaPoints . '</small>';
- }
+ $viaPoints = viaPointNames($row[1][0], $stopid);
+ if ($viaPoints != "") echo '<div class="viaPoints">Via: ' . $viaPoints . '</div>';
if (sizeof($tripStopNumbers) > 0) {
echo '<br><small>Boarding At: ';
foreach ($tripStopNumbers[$row[1][0]] as $key) {