[wp-meta] [Making WordPress.org] #1238: Stats: General design improvements

[Making WordPress.org]

#1238: Stats: General design improvements
---------------------------+-------------------------------------
  Reporter:  samuelsidler  |      Owner:
      Type:  enhancement   |     Status:  new
  Priority:  lowest        |  Component:  translate.wordpress.org
Resolution:                |   Keywords:  ui-feedback
---------------------------+-------------------------------------

Comment (by ramiy):

 @samuelsidler:

 The best solution is to do this using CSS, no JS.

 {{{
 @media (max-width: 700px) {

         .stats-table table thead th {
                 display: none;
         }
         .stats-table table tbody th,
         .stats-table table tbody tr,
         .stats-table table tbody td {
                 display: block;
                 text-align: left;
         }
         .stats-table table tbody tr {
                 margin-top: 20px;
         }
         .stats-table table tbody td {
                 padding: 3px 10px;
                 position: relative;
                 padding-left: 50%;
         }
         .stats-table table tbody td:before {
                 position: absolute;
                 top: 0;
                 left: 10px;
                 width: 45%;
         }

         .stats-table table tbody td:nth-of-type(1):before { content:
 "4.2.x"; }
         .stats-table table tbody td:nth-of-type(2):before { content:
 "4.3.x"; }
         .stats-table table tbody td:nth-of-type(3):before { content:
 "Rosetta"; }
         .stats-table table tbody td:nth-of-type(4):before { content:
 "Browse Happy"; }
         .stats-table table tbody td:nth-of-type(5):before { content:
 "Theme Dir"; }
         .stats-table table tbody td:nth-of-type(6):before { content:
 "Plugin Dir"; }
         .stats-table table tbody td:nth-of-type(7):before { content:
 "Forums"; }
         .stats-table table tbody td:nth-of-type(8):before { content:
 "Android"; }
         .stats-table table tbody td:nth-of-type(9):before { content:
 "iOS"; }
         .stats-table table tbody td:nth-of-type(10):before { content:
 "Waiting"; }
 }
 }}}

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