Bug 780442 - About:Memory page buttons are overlapping, oversized, r=margaret

This commit is contained in:
Mark Capella 2012-09-05 23:33:07 -04:00
Родитель a1d87b361c
Коммит 553a1d4815
4 изменённых файлов: 109 добавлений и 3 удалений

Просмотреть файл

@ -0,0 +1,101 @@
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
/* This file is used for both about:memory and about:compartments. */
body.verbose {
/* override setting in about.css */
max-width: 100% !important;
}
body.non-verbose pre.entries {
overflow-x: hidden;
text-overflow: ellipsis;
}
h2 {
background: #ddd;
padding-left: .1em;
}
.accuracyWarning {
color: #f00;
}
.treeline {
color: #888;
}
.mrValue {
font-weight: bold;
color: #400;
}
.mrName {
color: #004;
}
.mrNote {
color: #604;
}
.hasKids {
cursor: pointer;
}
.hasKids:hover {
text-decoration: underline;
}
.option {
font-size: 80%;
-moz-user-select: none; /* no need to include this when cutting+pasting */
}
.legend {
font-size: 80%;
-moz-user-select: none; /* no need to include this when cutting+pasting */
}
.legend:last-of-type {
display: none;
}
.debug {
font-size: 80%;
}
.hidden {
display: none;
}
.invalid {
color: #fff;
background-color: #f00;
}
#updateButton {
margin: 1% 2% 1% 1%;
padding: 2% 0;
width: 30%;
}
#doGCButton {
margin: 1% 2%;
padding: 2% 0;
width: 30%;
}
#doCCButton {
margin: 1% 1% 1% 2%;
padding: 2% 0;
width: 30%;
}
#minMemUseButton {
margin: 1%;
padding: 2% 0;
width: 98%;
}

Просмотреть файл

@ -12,6 +12,7 @@ chrome.jar:
skin/aboutApps.css (aboutApps.css)
* skin/aboutDownloads.css (aboutDownloads.css)
skin/aboutFeedback.css (aboutFeedback.css)
skin/aboutMemory.css (aboutMemory.css)
skin/aboutReader.css (aboutReader.css)
* skin/browser.css (browser.css)
* skin/content.css (content.css)
@ -19,6 +20,7 @@ chrome.jar:
skin/touchcontrols.css (touchcontrols.css)
skin/netError.css (netError.css)
% override chrome://global/skin/about.css chrome://browser/skin/about.css
% override chrome://global/skin/aboutMemory.css chrome://browser/skin/aboutMemory.css
% override chrome://global/skin/media/videocontrols.css chrome://browser/skin/touchcontrols.css
% override chrome://global/skin/netError.css chrome://browser/skin/netError.css

Просмотреть файл

@ -422,11 +422,13 @@ function updateAboutMemory()
}
// The "Update" button has an id so it can be clicked in a test.
// (Also for mobile styling of it and the other buttons.)
appendButton(UpDesc, updateAboutMemory, "Update", "updateButton");
appendButton(GCDesc, doGlobalGC, "GC");
appendButton(CCDesc, doCC, "CC");
appendButton(GCDesc, doGlobalGC, "GC", "doGCButton");
appendButton(CCDesc, doCC, "CC", "doCCButton");
appendButton(MPDesc, function() { minimizeMemoryUsage3x(updateAboutMemory); },
"Minimize memory usage");
"Minimize memory usage",
"minMemUseButton");
let div1 = appendElement(body, "div");
if (gVerbose) {

Просмотреть файл

@ -9,6 +9,7 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- the <title> is filled in by aboutMemory.js -->
<meta name="viewport" content="width=device-width; user-scalable=false"/>
<link rel="stylesheet" href="chrome://global/skin/aboutMemory.css" type="text/css"/>
<link rel="stylesheet" href="chrome://global/skin/about.css" type="text/css"/>
<script type="text/javascript;version=1.8" src="chrome://global/content/aboutMemory.js"/>