зеркало из https://github.com/mozilla/gecko-dev.git
Bug 692409 - Add a pretty resizer and the dark theme to the debugger. r=rcampbell
This commit is contained in:
Родитель
cc74a03170
Коммит
06437308f8
|
@ -197,7 +197,7 @@ DebuggerPane.prototype = {
|
||||||
let ownerDocument = gBrowser.parentNode.ownerDocument;
|
let ownerDocument = gBrowser.parentNode.ownerDocument;
|
||||||
|
|
||||||
this._splitter = ownerDocument.createElement("splitter");
|
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 = ownerDocument.createElement("iframe");
|
||||||
this._frame.height = DebuggerPreferences.height;
|
this._frame.height = DebuggerPreferences.height;
|
||||||
|
|
|
@ -98,6 +98,7 @@
|
||||||
<menulist id="scripts" class="devtools-menulist"
|
<menulist id="scripts" class="devtools-menulist"
|
||||||
label="&debuggerUI.emptyScriptText;"/>
|
label="&debuggerUI.emptyScriptText;"/>
|
||||||
<textbox id="scripts-search" type="search"
|
<textbox id="scripts-search" type="search"
|
||||||
|
class="devtools-searchinput"
|
||||||
emptytext="&debuggerUI.emptyFilterText;"/>
|
emptytext="&debuggerUI.emptyFilterText;"/>
|
||||||
<spacer flex="1"/>
|
<spacer flex="1"/>
|
||||||
#ifndef XP_MACOSX
|
#ifndef XP_MACOSX
|
||||||
|
|
|
@ -168,6 +168,7 @@ TreePanel.prototype = {
|
||||||
|
|
||||||
this.splitter = this.document.createElement("splitter");
|
this.splitter = this.document.createElement("splitter");
|
||||||
this.splitter.id = "inspector-tree-splitter";
|
this.splitter.id = "inspector-tree-splitter";
|
||||||
|
this.splitter.className = "devtools-horizontal-splitter";
|
||||||
|
|
||||||
let container = this.document.getElementById("appcontent");
|
let container = this.document.getElementById("appcontent");
|
||||||
container.appendChild(this.splitter);
|
container.appendChild(this.splitter);
|
||||||
|
|
|
@ -2413,16 +2413,6 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
|
||||||
border-radius: 0 3px 3px 0;
|
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 {
|
.gcli-panel-inner-arrowcontent {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -149,3 +149,15 @@
|
||||||
use evil CSS to give the impression of smaller content */
|
use evil CSS to give the impression of smaller content */
|
||||||
margin: -4px;
|
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;
|
||||||
|
}
|
||||||
|
|
|
@ -49,18 +49,6 @@ a {
|
||||||
font: inherit;
|
font: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Debugger toolbar
|
|
||||||
*/
|
|
||||||
|
|
||||||
#dbg-toolbar {
|
|
||||||
padding: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dbg-toolbar > button {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Debugger content
|
* Debugger content
|
||||||
*/
|
*/
|
||||||
|
|
|
@ -3151,16 +3151,6 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
|
||||||
border-radius: 0 @toolbarbuttonCornerRadius@ @toolbarbuttonCornerRadius@ 0;
|
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 {
|
.gcli-panel-inner-arrowcontent {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -163,3 +163,16 @@
|
||||||
.devtools-closebutton:active {
|
.devtools-closebutton:active {
|
||||||
-moz-image-region: rect(0, 48px, 16px, 32px);
|
-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;
|
||||||
|
}
|
||||||
|
|
|
@ -49,22 +49,6 @@ a {
|
||||||
font: inherit;
|
font: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Debugger toolbar
|
|
||||||
*/
|
|
||||||
|
|
||||||
#dbg-toolbar {
|
|
||||||
padding: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dbg-toolbar > button {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dbg-toolbar > button, menulist {
|
|
||||||
-moz-appearance: toolbarbutton;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Debugger content
|
* Debugger content
|
||||||
*/
|
*/
|
||||||
|
|
|
@ -3080,16 +3080,6 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
|
||||||
border-radius: 0 3px 3px 0;
|
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 {
|
.gcli-panel-inner-arrowcontent {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -171,3 +171,16 @@
|
||||||
.devtools-closebutton:hover:active {
|
.devtools-closebutton:hover:active {
|
||||||
-moz-image-region: rect(0, 48px, 16px, 32px);
|
-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;
|
||||||
|
}
|
||||||
|
|
|
@ -49,18 +49,6 @@ a {
|
||||||
font: inherit;
|
font: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Debugger toolbar
|
|
||||||
*/
|
|
||||||
|
|
||||||
#dbg-toolbar {
|
|
||||||
padding: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dbg-toolbar > button {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Debugger content
|
* Debugger content
|
||||||
*/
|
*/
|
||||||
|
|
Загрузка…
Ссылка в новой задаче