Bug 692409 - Add a pretty resizer and the dark theme to the debugger. r=rcampbell

This commit is contained in:
Paul Rouget 2012-05-09 15:50:33 +02:00
parent 4e58dba18e
commit bd09c67308
12 changed files with 41 additions and 71 deletions

View File

@ -197,7 +197,7 @@ DebuggerPane.prototype = {
let ownerDocument = gBrowser.parentNode.ownerDocument;
this._splitter = ownerDocument.createElement("splitter");
this._splitter.setAttribute("class", "hud-splitter");
this._splitter.setAttribute("class", "devtools-horizontal-splitter");
this._frame = ownerDocument.createElement("iframe");
this._frame.height = DebuggerPreferences.height;

View File

@ -98,6 +98,7 @@
<menulist id="scripts" class="devtools-menulist"
label="&debuggerUI.emptyScriptText;"/>
<textbox id="scripts-search" type="search"
class="devtools-searchinput"
emptytext="&debuggerUI.emptyFilterText;"/>
<spacer flex="1"/>
#ifndef XP_MACOSX

View File

@ -168,6 +168,7 @@ TreePanel.prototype = {
this.splitter = this.document.createElement("splitter");
this.splitter.id = "inspector-tree-splitter";
this.splitter.className = "devtools-horizontal-splitter";
let container = this.document.getElementById("appcontent");
container.appendChild(this.splitter);

View File

@ -2413,16 +2413,6 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
border-radius: 0 3px 3px 0;
}
#inspector-tree-splitter {
-moz-appearance: none;
border-top: 1px solid black;
border-bottom-width: 0;
min-height: 3px;
height: 3px;
margin-bottom: -3px;
position: relative;
}
.gcli-panel-inner-arrowcontent {
padding: 0;
}

View File

@ -149,3 +149,15 @@
use evil CSS to give the impression of smaller content */
margin: -4px;
}
/* Splitter */
.devtools-horizontal-splitter {
-moz-appearance: none;
border-top: 1px solid black;
border-bottom-width: 0;
min-height: 3px;
height: 3px;
margin-bottom: -3px;
position: relative;
}

View File

@ -49,18 +49,6 @@ a {
font: inherit;
}
/**
* Debugger toolbar
*/
#dbg-toolbar {
padding: 2px;
}
#dbg-toolbar > button {
text-align: center;
}
/**
* Debugger content
*/

View File

@ -3151,16 +3151,6 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
border-radius: 0 @toolbarbuttonCornerRadius@ @toolbarbuttonCornerRadius@ 0;
}
#inspector-tree-splitter {
-moz-appearance: none;
border-top: 1px solid black;
border-bottom-width: 0;
min-height: 3px;
height: 3px;
margin-bottom: -3px;
position: relative;
}
.gcli-panel-inner-arrowcontent {
padding: 0;
}

View File

@ -163,3 +163,16 @@
.devtools-closebutton:active {
-moz-image-region: rect(0, 48px, 16px, 32px);
}
/* Splitter */
.devtools-horizontal-splitter {
-moz-appearance: none;
background-image: none;
border-top: 1px solid black;
border-bottom-width: 0;
min-height: 3px;
height: 3px;
margin-bottom: -3px;
position: relative;
}

View File

@ -49,22 +49,6 @@ a {
font: inherit;
}
/**
* Debugger toolbar
*/
#dbg-toolbar {
padding: 2px;
}
#dbg-toolbar > button {
text-align: center;
}
#dbg-toolbar > button, menulist {
-moz-appearance: toolbarbutton;
}
/**
* Debugger content
*/

View File

@ -3080,16 +3080,6 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
border-radius: 0 3px 3px 0;
}
#inspector-tree-splitter {
-moz-appearance: none;
border-top: 1px solid black;
border-bottom-width: 0;
min-height: 3px;
height: 3px;
margin-bottom: -3px;
position: relative;
}
.gcli-panel-inner-arrowcontent {
padding: 0;
}

View File

@ -171,3 +171,16 @@
.devtools-closebutton:hover:active {
-moz-image-region: rect(0, 48px, 16px, 32px);
}
/* Splitter */
.devtools-horizontal-splitter {
-moz-appearance: none;
border-width: 1px 0 0 0;
-moz-border-top-colors: black;
background-color: transparent;
min-height: 3px;
height: 3px;
margin-bottom: -3px;
position: relative;
}

View File

@ -49,18 +49,6 @@ a {
font: inherit;
}
/**
* Debugger toolbar
*/
#dbg-toolbar {
padding: 2px;
}
#dbg-toolbar > button {
text-align: center;
}
/**
* Debugger content
*/