WordPress.org

Make WordPress Core

Ticket #18198: 18198.list-tables-posts.diff

File 18198.list-tables-posts.diff, 1.9 KB (added by helenyhou, 3 years ago)

Responsive tables, pass 1 (posts/pages)

  • wp-admin.dev.css

     
    76367636.widgets_access .widget .widget-top { 
    76377637        cursor: default; 
    76387638} 
     7639 
     7640/* List Tables */ 
     7641@media only screen and (max-width: 640px)  { 
     7642        body { 
     7643                min-width: 415px; /* maybe eventually won't be needed? */ 
     7644        } 
     7645         
     7646        .wrap { 
     7647                margin-bottom: 30px; /* prevent collision of footer */ 
     7648        } 
     7649 
     7650  table.widefat, table.widefat thead, table.widefat tbody, table.widefat th, table.widefat td, table.widefat tr { 
     7651    display: block; 
     7652  } 
     7653   
     7654  table.widefat thead tr, table.widefat tfoot tr, table.widefat th.check-column { 
     7655    position: absolute; 
     7656    left: -9999px; 
     7657  } 
     7658   
     7659  table.widefat { 
     7660        background: none; 
     7661        border: none; 
     7662        min-width: 350px; 
     7663  } 
     7664   
     7665  table.widefat tr { 
     7666        border: 1px solid #DFDFDF; 
     7667        border-bottom: none; 
     7668        margin-top: 10px; 
     7669  } 
     7670   
     7671  table.widefat tr.alternate { margin-top: none; } 
     7672 
     7673  table.widefat td { 
     7674        padding-left: 25%; 
     7675    position: relative; 
     7676  } 
     7677   
     7678  table.widefat .row-actions { 
     7679        visibility: visible; 
     7680  } 
     7681 
     7682  table.widefat td:before { 
     7683    position: absolute; 
     7684    top: 4px; 
     7685    left: 2%; 
     7686    width: 25%; 
     7687    white-space: nowrap; 
     7688  } 
     7689   
     7690  .fixed .column-response, .fixed .column-author, .fixed .column-categories, .fixed .column-tags, .fixed .column-rel, .fixed .column-role, .fixed .column-comments, .fixed .column-date, .fixed .column-parent, .fixed .column-links { 
     7691        width: auto; 
     7692  } 
     7693   
     7694  .fixed .column-comments { 
     7695        padding-left: 25%; 
     7696        padding-right: 8px; 
     7697  } 
     7698 
     7699  /* Labels */ 
     7700  table.widefat td.post-title:before { content: "Title"; } 
     7701  table.widefat td.author:before { content: "Author"; } 
     7702  table.widefat td.comments:before { content: "Comments"; } 
     7703  table.widefat td.date:before { content: "Date"; } 
     7704  table.widefat td.categories:before { content: "Categories"; } 
     7705  table.widefat td.tags:before { content: "Tags"; } 
     7706}