[wp-meta] [Making WordPress.org] #353: Make the schedule shortcode mobile-friendly

[Making WordPress.org]

#353: Make the schedule shortcode mobile-friendly
----------------------+----------------------------------------
  Reporter:  iandunn  |      Owner:
      Type:  defect   |     Status:  new
  Priority:  normal   |  Component:  wordcamp.org
Resolution:           |   Keywords:  good-first-bug needs-patch
----------------------+----------------------------------------

Comment (by nvwd):

 Specifying a different layout for mobile can work. You will still run in
 to issues with Camps that have 3 or more tracks.

 Another option is to use the short code to display a track or two at a
 time, but still not ideal.

 I think keeping the same table structure and adding some attributes will
 allow css to take over and help compact the display nicely.

 WCSF did a great job with the current structure and a little css for their
 schedule - http://2013.sf.wordcamp.org/schedule/

 The same approach can be found http://css-
 tricks.com/examples/ResponsiveTables/responsive.php

 I think we can make it easier by adding a data-track-title attribute to
 each session cell that contains the track title.

 A td for a developer session would have data-track-title="Developer" and
 the css to use that data: .wcpt-schedule td:before { content: attr( data-
 track-title ); }

 Browser support is the only issue I see with adding an attribute. What is
 the browser support position for development?

--
Ticket URL: <https://meta.trac.wordpress.org/ticket/353#comment:5>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org