Ticket #4917: 4917.reports.mobile1234.2.patch

sites/trunk/wordpress.org/public_html/style/trac/wp-trac.css

@@ -125 +125 @@
         line-height: 20px;
         height: 21px;
 }
+#prefs {
+        padding-top: 25px;
+}
 #prefs input {
         margin: .1em;
 }
@@ -2090 +2093 @@
         #properties table.trac-properties > tbody > tr > td#focuses {
                 padding-left: 22px;
         }
+        .listing.tickets th,
+        .listing.tickets td {
+                display: block;
+        }
+        .listing.tickets thead th,
+        .listing.tickets tbody .trac-columns th {
+                display: inline-block;
+        }
+        .listing.tickets tbody tr td.id::before,
+        .listing.tickets tbody tr td.ticket::before {
+                content: "Ticket: ";
+        }
+        .listing.tickets tbody tr td.summary::before {
+                content: "Summary: ";
+        }
+        .listing.tickets tbody tr td.status::before {
+                content: "Status: ";
+        }
+    .listing.tickets tbody tr td.resolution::before {
+                content: "Resolution: ";
+        }
+        .listing.tickets tbody tr td.owner::before {
+                content: "Owner: ";
+        }
+        .listing.tickets tbody tr td.type::before {
+                content: "Type: ";
+        }
+        .listing.tickets tbody tr td.priority::before {
+                content: "Priority: ";
+        }
+        .listing.tickets tbody tr td.milestone::before {
+                content: "Milestone: ";
+        }
+        .listing.tickets tbody tr td.component::before {
+                content: "Component: ";
+        }
+        .listing.tickets tbody tr td.severity::before {
+                content: "Severity: ";
+        }
+        .listing.tickets tbody tr td.workflow::before {
+                content: "Workflow: ";
+        }
+        .listing.tickets tbody tr td.date::before {
+            content: "Date: ";
+        }
+        .listing.tickets tbody tr td.version::before {
+                content: "Version: ";
+        }
+        .listing.tickets tbody tr td.reporter::before {
+                content: "Reporter: ";
+        }
+        .listing.tickets tbody tr td.Comments::before {
+                content: "Comments: ";
+        }
+        .listing.tickets tbody tr td.Stars::before {
+                content: "Stars: ";
+        }
+        .listing.tickets tbody tr td:not(.Comments, .Stars)::before {
+                font-weight: 600;
+        }
+        .listing.tickets tbody tr td.Stars,
+        .listing.tickets tbody tr td.Comments {
+                display: inline-block;
+                float: right;
+        }
+        .tickets tr.color3-odd,
+        .tickets tr.color3-even,
+        table.tickets tbody tr.even.prio3,
+        table.tickets tbody tr.odd.prio3 {
+                border-color: #ccc;
+        }
+        .tickets tr.color4-odd,
+        .tickets tr.color4-even,
+        table.tickets tbody tr.even.prio4,
+        table.tickets tbody tr.odd.prio4 {
+                border-color: #099;
+        }
+        .tickets tr.color5-odd,
+        .tickets tr.color5-even,
+        table.tickets tbody tr.prio5 {
+                border-color: #469;
+        }
+        .tickets tr.color6-odd,
+        .tickets tr.color6-even {
+                border-color: #888;
+        }
+        .listing.tickets thead tr th a,
+        .listing.tickets tbody .trac-columns th a {
+                font-size: 1.2em;
+        }
 }
 
 @media (max-width: 640px) {
@@ -2139 +2232 @@
                 max-width: 50%; /* prevent the logo and search from colliding (to a point) */
                 height: auto;
         }
+        #filters th,
+        #filters td {
+                display: block;
+        }
+        #filters .trac-clause td:not(.actions td), 
+        #filters .trac-clause th {
+        text-align:left;
+    }
+        #filters .trac-clause tbody {
+                display:table;
+                padding:7px 0 7px 0;
+        }
+        #filters th,
+        #filters td label {
+                font-size:13px;
+        }
         #content.ticket, .milestone .info .progress, .milestone .info dl, #content.timeline dl, #stats {
                 margin-left: 0; /* use all the available space */
         }