From 9e5e9a8df0bbe9ba9feaebc10cdea263d731d8f2 Mon Sep 17 00:00:00 2001 From: Patrick Walton Date: Wed, 10 Nov 2010 11:10:25 -0500 Subject: [PATCH] Bug 607163 - Part 1: Make the Web Console's CSS conform to the Mozilla CSS performance guidelines, r=dao, a=gavin --- .../themes/gnomestripe/global/webConsole.css | 35 ++++++----------- .../themes/pinstripe/global/webConsole.css | 35 ++++++----------- .../themes/winstripe/global/webConsole.css | 39 +++++++------------ 3 files changed, 38 insertions(+), 71 deletions(-) diff --git a/toolkit/themes/gnomestripe/global/webConsole.css b/toolkit/themes/gnomestripe/global/webConsole.css index c357f46137ed..a09eff28c64c 100644 --- a/toolkit/themes/gnomestripe/global/webConsole.css +++ b/toolkit/themes/gnomestripe/global/webConsole.css @@ -42,10 +42,6 @@ text-shadow: none; } -.hud-group label { - padding-left: 1em; -} - .hud-outer-wrapper { width: 100%; height: 100%; @@ -62,38 +58,32 @@ font-weight: bold; } -.hud-output-node * { - -moz-user-select: text; - white-space: pre-wrap; - -moz-user-focus: normal; -} - .hud-clickable { cursor: pointer !important; text-decoration: underline; } -.hud-output-node .hud-network { +.hud-network { color: blue; } -.hud-output-node .hud-error { +.hud-error { color: red; } -.hud-output-node .hud-log { +.hud-log { color: black; } -.hud-output-node .hud-warn { +.hud-warn { color: orange; } -.hud-output-node .hud-info { +.hud-info { color: green; } -.hud-output-node .hud-exception { +.hud-exception { color: red; font-weight: bold; } @@ -102,7 +92,10 @@ width: 100%; margin-top: 0.3em; margin-bottom: 0.3em; - padding-left: 0.3em; + padding-left: 1em; + -moz-user-select: text; + white-space: pre-wrap; + -moz-user-focus: normal; } .hud-output-node { @@ -124,7 +117,7 @@ color: GrayText; } -.hud-group:first-child .hud-divider { +.hud-group:first-child > .hud-divider { display: none; } @@ -151,10 +144,6 @@ -moz-box-direction: reverse; } -.jsterm-output-node div { - -moz-user-select: text; -} - .jsterm-scroll-to-node { height: 1px; width: 1px; @@ -174,7 +163,7 @@ -moz-appearance: none !important; } -.jsterm-input-node textarea { +.jsterm-input-node > .textbox-input-box > .textbox-textarea { overflow-x: hidden; } diff --git a/toolkit/themes/pinstripe/global/webConsole.css b/toolkit/themes/pinstripe/global/webConsole.css index d359b04bdc83..31b42d8a8e56 100644 --- a/toolkit/themes/pinstripe/global/webConsole.css +++ b/toolkit/themes/pinstripe/global/webConsole.css @@ -43,10 +43,6 @@ text-shadow: none; } -.hud-group label { - padding-left: 1em; -} - .hud-outer-wrapper { width: 100%; height: 100%; @@ -63,38 +59,32 @@ font-weight: bold; } -.hud-output-node * { - -moz-user-select: text; - white-space: pre-wrap; - -moz-user-focus: normal; -} - .hud-clickable { cursor: pointer !important; text-decoration: underline; } -.hud-output-node .hud-network { +.hud-network { color: blue; } -.hud-output-node .hud-error { +.hud-error { color: red; } -.hud-output-node .hud-log { +.hud-log { color: black; } -.hud-output-node .hud-warn { +.hud-warn { color: orange; } -.hud-output-node .hud-info { +.hud-info { color: green; } -.hud-output-node .hud-exception { +.hud-exception { color: red; font-weight: bold; } @@ -103,7 +93,10 @@ width: 100%; margin-top: 0.3em; margin-bottom: 0.3em; - padding-left: 0.3em; + padding-left: 1em; + -moz-user-select: text; + white-space: pre-wrap; + -moz-user-focus: normal; } .hud-output-node { @@ -121,7 +114,7 @@ display: none; } -.hud-group:first-child .hud-divider { +.hud-group:first-child > .hud-divider { display: none; } @@ -154,10 +147,6 @@ -moz-box-direction: reverse; } -.jsterm-output-node div { - -moz-user-select: text; -} - .jsterm-scroll-to-node { height: 1px; width: 1px; @@ -176,7 +165,7 @@ -moz-appearance: none !important; } -.jsterm-input-node textarea { +.jsterm-input-node > .textbox-input-box > .textbox-textarea { overflow-x: hidden; } diff --git a/toolkit/themes/winstripe/global/webConsole.css b/toolkit/themes/winstripe/global/webConsole.css index acbedc5c0a06..7ad2a2ee5109 100644 --- a/toolkit/themes/winstripe/global/webConsole.css +++ b/toolkit/themes/winstripe/global/webConsole.css @@ -41,10 +41,6 @@ text-shadow: none; } -.hud-group label { - padding-left: 1em; -} - .hud-outer-wrapper { width: 100%; height: 100%; @@ -61,38 +57,32 @@ font-weight: bold; } -.hud-output-node * { - -moz-user-select: text; - white-space: pre-wrap; - -moz-user-focus: normal; -} - .hud-clickable { cursor: pointer !important; text-decoration: underline; } -.hud-output-node .hud-network { +.hud-network { color: blue; } -.hud-output-node .hud-error { +.hud-error { color: red; } -.hud-output-node .hud-log { +.hud-log { color: black; } -.hud-output-node .hud-warn { +.hud-warn { color: orange; } -.hud-output-node .hud-info { +.hud-info { color: green; } -.hud-output-node .hud-exception { +.hud-exception { color: red; font-weight: bold; } @@ -101,8 +91,10 @@ width: 100%; margin-top: 0.3em; margin-bottom: 0.3em; - padding-left: 0.3em; - /* border-bottom: 1px solid #eee; */ + padding-left: 1em; + -moz-user-select: text; + white-space: pre-wrap; + -moz-user-focus: normal; } .hud-output-node { @@ -115,7 +107,8 @@ width: 100%; } -.hud-filtered-by-type, .hud-filtered-by-string { +.hud-filtered-by-type, +.hud-filtered-by-string { display: none; } @@ -123,7 +116,7 @@ color: GrayText; } -.hud-group:first-child .hud-divider { +.hud-group:first-child > .hud-divider { display: none; } @@ -150,10 +143,6 @@ -moz-box-direction: reverse; } -.jsterm-output-node div { - -moz-user-select: text; -} - .jsterm-scroll-to-node { height: 1px; width: 1px; @@ -172,7 +161,7 @@ -moz-appearance: none !important; } -.jsterm-input-node textarea { +.jsterm-input-node > .textbox-input-box > .textbox-textarea { overflow-x: hidden; }