WordPress.org

Make WordPress Core

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

File 18198.list-tables-posts.diff, 1.9 KB (added by helenyhou, 7 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}