Bug 1161161 - about:crashes - use the new in-content styling. r=dao
authorRichard Marti <richard.marti@gmail.com>
Mon, 04 May 2015 20:07:02 +0200
changeset 273923 982706aac495e024aec734383adcf22f7973a2e8
parent 273922 050d640a3798e295cb074691fab514ede90a9b54
child 273924 7ef7668d87e28d94fe9049d45c08bb4eeed4bb46
push id863
push userraliiev@mozilla.com
push dateMon, 03 Aug 2015 13:22:43 +0000
treeherdermozilla-release@f6321b14228d [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao
bugs1161161
milestone40.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1161161 - about:crashes - use the new in-content styling. r=dao
toolkit/crashreporter/content/crashes.xhtml
--- a/toolkit/crashreporter/content/crashes.xhtml
+++ b/toolkit/crashreporter/content/crashes.xhtml
@@ -12,43 +12,56 @@
   %crashesDTD;
 ]>
 
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <style type="text/css">
 :root {
   font-family: sans-serif;
+  margin: 40px auto;
+  min-width: 30em;
+  max-width: 60em;
 }
 table {
+  clear: both;
+  width: 90%;
+  margin: 0 auto;
   padding-bottom: 2em;
 }
 th {
+  font-size: 130%;
   text-align: left;
   white-space: nowrap;
 }
 th[chromedir="rtl"] {
   text-align: right;
 }
 /* name */
 th:first-child {
   -moz-padding-end: 2em;
 }
+/* submitted */
+th:last-child {
+  text-align: center;
+}
 :link, :visited {
   display: block;
   min-height: 17px;
 }
 /* date */
 td:first-child + td {
+  width: 0;
   -moz-padding-start: 1em;
   -moz-padding-end: .5em;
   white-space: nowrap;
 }
 /* time */
 td:last-child {
+  width: 0;
   -moz-padding-start: .5em;
   white-space: nowrap;
 }
 
 #clear-reports {
   float: right;
 }
 #clear-reports[chromedir="rtl"] {
@@ -57,17 +70,17 @@ td:last-child {
 
 .submitting {
   background-image: url(chrome://global/skin/icons/loading_16.png);
   background-repeat: no-repeat;
   background-position: right;
 }
 </style>
 <link rel="stylesheet" media="screen, projection" type="text/css"
-      href="chrome://global/skin/dirListing/dirListing.css"/>
+      href="chrome://global/skin/in-content/common.css"/>
 <script type="application/javascript;version=1.8" src="chrome://global/content/crashes.js"/>
 
 <title>&crashes.title;</title>
 </head><body onload="populateReportList()" dir="&locale.dir;">
 <button chromedir="&locale.dir;" id="clear-reports"
         onclick="clearReports().then(null, Cu.reportError)">&clearAllReports.label;</button>
 <h1>&crashes.title;</h1>
 <div id="reportList">