Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-17 07:15:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1427595 - Fix ObjectInspector css regressed by devtools-reps-0.16.0; r=Honza.

Browse Source 
In the 0.16.0 bundle, we removed most of the ObjectInspector CSS custom properties
because they were being slow. This means that some of the styles we overrided in the
console weren't overriden anymore.
This patch fixes that so we get to the same style we have prior to the new bundle.

MozReview-Commit-ID: JP35pkX6PHZ

--HG--
extra : rebase_source : 194c90856730348e6b7ce6f9bbff52d9ae6c8151
This commit is contained in:
Nicolas Chevobbe 2018-01-03 10:38:14 +01:00
parent 2bd53a749d
commit e2178a02fc
1 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
devtools/client/themes/webconsole.css
View File

@ -1184,23 +1184,32 @@ body #output-container {
/* Object Inspector */
.webconsole-output-wrapper .object-inspector.tree {
/*
* Make the arrow the same color and approximately the same size of the twisty icon.
* Should be properly fixed in https://bugzilla.mozilla.org/show_bug.cgi?id=1307937.
*/
--arrow-width: 8px;
--arrow-fill-color: #AFA8AB;
--arrow-single-margin: 0.5rem;
--tree-indent-width: var(--console-output-indent-width);
--tree-indent-border-color: var(--console-output-indent-border-color);
--tree-node-hover-background-color : var(--object-inspector-hover-background);
display: inline-block;
}
.theme-dark .webconsole-output-wrapper .object-inspector.tree {
--arrow-fill-color: #7F7E81;
.webconsole-output-wrapper .object-inspector.tree .tree-indent {
border-inline-start-color: var(--console-output-indent-border-color);
}
.webconsole-output-wrapper .object-inspector.tree .tree-node:hover:not(.focused) {
background-color: var(--object-inspector-hover-background);
}
/*
* Make the arrow the same color and approximately the same size of the twisty icon.
* Should be properly fixed in https://bugzilla.mozilla.org/show_bug.cgi?id=1307937.
*/
.webconsole-output-wrapper .object-inspector.tree .tree-node .arrow svg {
width: 8px;
fill: #AFA8AB;
margin-inline-start: 1px;
}
.theme-dark .webconsole-output-wrapper .object-inspector.tree .tree-node .arrow svg {
fill: #7F7E81;
}
/* Sidebar */
.sidebar {
display: flex;
grid-row: 1 / -1;