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

wp-admin.dev.css

@@ -7636 +7636 @@
 .widgets_access .widget .widget-top {
         cursor: default;
 }
+
+/* List Tables */
+@media only screen and (max-width: 640px)  {
+        body {
+                min-width: 415px; /* maybe eventually won't be needed? */
+        }
+        
+        .wrap {
+                margin-bottom: 30px; /* prevent collision of footer */
+        }
+
+  table.widefat, table.widefat thead, table.widefat tbody, table.widefat th, table.widefat td, table.widefat tr {
+    display: block;
+  }
+  
+  table.widefat thead tr, table.widefat tfoot tr, table.widefat th.check-column {
+    position: absolute;
+    left: -9999px;
+  }
+  
+  table.widefat {
+        background: none;
+        border: none;
+        min-width: 350px;
+  }
+  
+  table.widefat tr {
+        border: 1px solid #DFDFDF;
+        border-bottom: none;
+        margin-top: 10px;
+  }
+  
+  table.widefat tr.alternate { margin-top: none; }
+
+  table.widefat td {
+        padding-left: 25%;
+    position: relative;
+  }
+  
+  table.widefat .row-actions {
+        visibility: visible;
+  }
+
+  table.widefat td:before {
+    position: absolute;
+    top: 4px;
+    left: 2%;
+    width: 25%;
+    white-space: nowrap;
+  }
+  
+  .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 {
+        width: auto;
+  }
+  
+  .fixed .column-comments {
+        padding-left: 25%;
+        padding-right: 8px;
+  }
+
+  /* Labels */
+  table.widefat td.post-title:before { content: "Title"; }
+  table.widefat td.author:before { content: "Author"; }
+  table.widefat td.comments:before { content: "Comments"; }
+  table.widefat td.date:before { content: "Date"; }
+  table.widefat td.categories:before { content: "Categories"; }
+  table.widefat td.tags:before { content: "Tags"; }
+}