Commit 1ff926c9 authored by Ciure Andrei's avatar Ciure Andrei
Browse files

Backed out 25 changesets (bug 1520957) for causing... 

Backed out 25 changesets (bug 1520957) for causing test_smart-trace-grouping.html failures CLOSED TREE

Backed out changeset 62545dd149d1 (bug 1520957)
Backed out changeset adfbaafc65e5 (bug 1520957)
Backed out changeset d3e2f8a52ea7 (bug 1520957)
Backed out changeset 1b068291a658 (bug 1520957)
Backed out changeset 83af92e6dcf5 (bug 1520957)
Backed out changeset 9e2970c8196c (bug 1520957)
Backed out changeset d3c9d833d45a (bug 1520957)
Backed out changeset 452045302b9f (bug 1520957)
Backed out changeset 38d601fa5c4e (bug 1520957)
Backed out changeset 27d0649dccc7 (bug 1520957)
Backed out changeset 314832e1b783 (bug 1520957)
Backed out changeset 2a0d5bc06991 (bug 1520957)
Backed out changeset 07d417fb91d2 (bug 1520957)
Backed out changeset b74cd7c3ae9b (bug 1520957)
Backed out changeset f1f01efee767 (bug 1520957)
Backed out changeset 118720bcf7bd (bug 1520957)
Backed out changeset 6a62f14cbf21 (bug 1520957)
Backed out changeset ea1cf6443c80 (bug 1520957)
Backed out changeset 20c18820bfa0 (bug 1520957)
Backed out changeset 4cc5d60694d2 (bug 1520957)
Backed out changeset f33a4bd9b1b7 (bug 1520957)
Backed out changeset ffde784e1ece (bug 1520957)
Backed out changeset 6bf766fe8789 (bug 1520957)
Backed out changeset 4931e64c987f (bug 1520957)
Backed out changeset 7605e6295916 (bug 1520957)
parent 55f31ee1

devtools/client/debugger/new/dist/debugger.css

+259 −493
Original line number Diff line number Diff line
@@ -360,8 +360,8 @@ button.invoke-getter { 
  background:url("resource://devtools/client/debugger/new/images/arrow.svg") no-repeat;

  background-size:contain;

  background-position:center center;

  width: 10px;

  height: 10px;

  width: 9px;

  height: 9px;

  border:0;

  padding:0;

  margin-inline-start: 1px;
@@ -1011,203 +1011,6 @@ menuseparator { 
 * 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/>. */



.managed-tree .tree {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  -o-user-select: none;

  user-select: none;



  white-space: nowrap;

  overflow: auto;

  min-width: 100%;



  display: grid;

  grid-template-columns: 1fr;

  align-content: start;



  line-height: 1.4em;

}



.managed-tree .tree button {

  display: block;

}



.managed-tree .tree .node {

  padding: 2px 3px 2px 3px;

  position: relative;

}



.managed-tree .tree .node.focused {

  color: white;

  background-color: var(--theme-selection-background);

}



html:not([dir="rtl"]) .managed-tree .tree .node > div {

  margin-left: 10px;

}



html[dir="rtl"] .managed-tree .tree .node > div {

  margin-right: 10px;

}



.managed-tree .tree .node.focused svg {

  fill: white;

}



.managed-tree .tree-node button {

  position: fixed;

}

.img {

  /* default height an width which will likely be overrode */

  width: 12px;

  height: 12px;

  /* makes span appear like an image */

  display: inline-block;

  background: var(--theme-body-color);

  mask-size: 100%;

}



.img.arrow.arrow.expanded {

  transform: rotate(0deg);

}

/* 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/>. */



.close-btn {

  width: 14px;

  height: 14px;

  border: 1px solid transparent;

  border-radius: 2px;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  padding: 0;

}



.close-btn .close {

  mask: url("resource://devtools/client/debugger/new/images/close.svg") no-repeat;

  mask-size: 100%;

  background-color: var(--theme-comment);

  width: 8px;

  height: 8px;

  padding: 0;

  margin-top: 0;

}



.close-btn .close:hover {

  background-color: var(--theme-comment);

}



.close-btn:hover .img.close {

  background-color: white;

}



.close-btn:hover {

  background-color: var(--theme-selection-background);

}



.close-btn:focus {

  background-color: var(--theme-selection-background);

}



.close-btn:focus .img.close {

  background-color: white;

}



.close-btn.big {

  width: 16px;

  height: 18px;

}



img.close::before {

  width: 100%;

  height: 100%;

  padding: 6px;

}

/* 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/>. */



.command-bar-button {

  appearance: none;

  background: transparent;

  border: none;

  display: inline-block;

  text-align: center;

  position: relative;

  padding: 0px 5px;

  fill: currentColor;

  min-width: 30px;

}



.command-bar-button:disabled {

  opacity: 0.8;

  cursor: default;

}



.command-bar-button:not(.disabled):hover {

  background: var(--theme-toolbar-background-hover);

}



:root.theme-dark .command-bar-button {

  color: var(--theme-body-color);

}



.command-bar-button > * {

  width: 16px;

  height: 16px;

  display: inline-block;

  vertical-align: middle;

}

/* 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/>. */



.toggle-button {

  transform: translate(0, 0px);

  transition: transform 0.25s ease-in-out;

  padding: 5px;

  height: inherit;

}



.toggle-button svg {

  fill: var(--theme-comment);

  vertical-align: 0;

}



:root.theme-dark .toggle-button svg {

  fill: var(--theme-comment-alt);

}



.toggle-button.end {

  margin-inline-end: 0px;

  margin-inline-start: auto;

}



.toggle-button.start {

  margin-inline-start: 0px;

}



html:not([dir="rtl"]) .toggle-button.end svg,

html[dir="rtl"] .toggle-button.start svg {

  transform: rotate(180deg);

}



html .toggle-button.end.vertical svg {

  transform: rotate(-90deg);

}



.toggle-button.start.collapsed,

.toggle-button.end.collapsed {

  transform: rotate(180deg);

}

/* 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/>. */



.arrow,

.worker,

.refresh,
@@ -1268,325 +1071,344 @@ html .toggle-button.end.vertical svg { 


.img.domain {

  mask: url("resource://devtools/client/debugger/new/images/domain.svg") no-repeat;

  mask-size: 100%;

}



.img.folder {

  mask: url("resource://devtools/client/debugger/new/images/folder.svg") no-repeat;

  mask-size: 100%;

}



.img.coffeescript {

  mask: url("resource://devtools/client/debugger/new/images/coffeescript.svg") no-repeat;

  mask-size: 100%;

}



.img.javascript {

  mask: url("resource://devtools/client/debugger/new/images/javascript.svg") no-repeat;

  mask-size: 100%;

}



.img.tab {

  mask: url("resource://devtools/client/debugger/new/images/tab.svg") no-repeat;

  mask-size: 100%;

}



.img.react {

  mask: url("resource://devtools/client/debugger/new/images/react.svg") no-repeat;

  mask-size: 100%;

}



.img.aframe {

  background-image: url("resource://devtools/client/debugger/new/images/aframe.svg");

  background-size: 15px 15px;

.img.typescript {

  mask: url("resource://devtools/client/debugger/new/images/typescript.svg") no-repeat;

}



.img.extension {

  mask: url("resource://devtools/client/debugger/new/images/extension.svg") no-repeat;

}



.img.babel {

  mask: url("resource://devtools/client/debugger/new/images/babel.svg") no-repeat;

.img.file {

  mask: url("resource://devtools/client/debugger/new/images/file.svg") no-repeat;

  width: 13px;

  height: 13px;

}



.img.worker {

  mask: url("resource://devtools/client/debugger/new/images/worker.svg") no-repeat;

}



.img.domain,

.img.folder,

.img.file,

.sources-list .img.source-icon,

.img.extension,

.img.worker {

  mask-size: 100%;

  margin-inline-end: 5px;

  display: inline-block;

}



.img.backbone {

  mask: url("resource://devtools/client/debugger/new/images/backbone.svg") no-repeat;

.img.result-item-icon {

  mask-size: 100%;

  margin-inline-end: 15px;

  margin-inline-start: 5px;

  display: inline-block;

}



.refresh svg,

.shortcut svg,

.worker svg {

  margin-inline-end: 5px;

}



.img.choo {

  mask: url("resource://devtools/client/debugger/new/images/choo.svg") no-repeat;

.img.arrow {

  mask: url("resource://devtools/client/debugger/new/images/arrow.svg");

  margin-inline-end: 5px;

  margin-top: 3px;

  width: 9px;

  height: 9px;

  padding-top: 9px;

  background: var(--disclosure-arrow);

  mask-size: 100%;

  display: inline-block;

  margin-bottom: 1px;

  transform: rotate(-90deg);

  transition: transform 0.18s ease;

}



.img.dojo {

  background-image: url("resource://devtools/client/debugger/new/images/dojo.svg");

html[dir="ltr"] .img.arrow {

  transform: rotate(-90deg);

}



.img.ember {

  background-image: url("resource://devtools/client/debugger/new/images/ember.svg");

html[dir="rtl"] .img.arrow {

  transform: rotate(90deg);

}



.img.immutable {

  mask: url("resource://devtools/client/debugger/new/images/immutable.svg") no-repeat;

  mask-size: 100%;

.arrow svg {

  transition: transform 0.125s ease;

  width: 10px;

  margin-inline-end: 5px;

  transform: rotate(-90deg);

}



.img.jquery {

  mask: url("resource://devtools/client/debugger/new/images/jquery.svg") no-repeat;

  mask-size: 100%;

html[dir="rtl"] .arrow svg,

.arrow svg:dir(rtl),

.arrow svg:-moz-locale-dir(rtl) {

  transform: rotate(90deg);

}



.img.lodash {

  mask: url("resource://devtools/client/debugger/new/images/lodash.svg") no-repeat;

  mask-size: 100%;

.arrow.expanded.expanded svg {

  transform: rotate(0deg);

}



span.img.marko {

  background-image: url("resource://devtools/client/debugger/new/images/marko.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

.arrow.hidden {

  visibility: hidden;

}



.img.mobx {

  background-image: url("resource://devtools/client/debugger/new/images/mobx.svg");

.webpack svg {

  width: 15px;

  height: 15px;

  margin-right: 5px;

  vertical-align: sub;

}



.img.next-circle {

  mask: url("resource://devtools/client/debugger/new/images/next-circle.svg") no-repeat;

  mask-size: 100%;

.function svg {

  height: 10px;

  width: 15px;

}



.img.next {

  mask: url("resource://devtools/client/debugger/new/images/next.svg") no-repeat;

  mask-size: 100%;

.function path {

  fill: var(--theme-body-color);

}



.img.nextjs {

  background-image: url("resource://devtools/client/debugger/new/images/nextjs.svg");

.angular svg,

.source-icon svg {

  width: 15px;

  height: 15px;

  margin-right: 5px;

  vertical-align: sub;

}



.img.nuxtjs {

  background-image: url("resource://devtools/client/debugger/new/images/nuxtjs.svg");

.angular,

.webpack {

  opacity: 0.8;

}



.img.preact {

  background-image: url("resource://devtools/client/debugger/new/images/preact.svg");

.theme-dark .angular,

.theme-dark .webpack {

  opacity: 0.5;

}



.img.pug {

  background-image: url("resource://devtools/client/debugger/new/images/pug.svg");

.source-icon svg {

  fill: var(--theme-comment);

}

/* 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/>. */



.img.redux {

  mask: url("resource://devtools/client/debugger/new/images/redux.svg") no-repeat;

  mask-size: 100%;

.managed-tree .tree {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  -o-user-select: none;

  user-select: none;



  white-space: nowrap;

  overflow: auto;

  min-width: 100%;



  display: grid;

  grid-template-columns: 1fr;

  align-content: start;



  line-height: 1.4em;

}



.img.rxjs {

  background-image: url("resource://devtools/client/debugger/new/images/rxjs.svg");

.managed-tree .tree button {

  display: block;

}



.img.sencha-extjs {

  background-image: url("resource://devtools/client/debugger/new/images/sencha-extjs.svg");

.managed-tree .tree .node {

  padding: 2px 3px 2px 3px;

  position: relative;

}



.img.underscore {

  mask: url("resource://devtools/client/debugger/new/images/underscore.svg") no-repeat;

  mask-size: 100%;

.managed-tree .tree .node.focused {

  color: white;

  background-color: var(--theme-selection-background);

}



.img.webpack {

  background-image: url("resource://devtools/client/debugger/new/images/webpack.svg");

  background-repeat: no-repeat;

html:not([dir="rtl"]) .managed-tree .tree .node > div {

  margin-left: 10px;

}



.img.vue {

  background: url("resource://devtools/client/debugger/new/images/vuejs.svg") 1px 1px no-repeat;

  background-size: 15px;

html[dir="rtl"] .managed-tree .tree .node > div {

  margin-right: 10px;

}



.img.typescript {

  mask: url("resource://devtools/client/debugger/new/images/typescript.svg") no-repeat;

  mask-size: 100%;

.managed-tree .tree .node.focused svg {

  fill: white;

}



.img.extension {

  mask: url("resource://devtools/client/debugger/new/images/extension.svg") no-repeat;

  mask-size: 100%;

.managed-tree .tree-node button {

  position: fixed;

}



.img.toggle-panes {

  mask: url("resource://devtools/client/debugger/new/images/toggle-panes.svg") no-repeat;

  mask-size: 100%;

.img {

  /* default height an width which will likely be overrode */

  width: 12px;

  height: 12px;

  /* makes span appear like an image */

  display: inline-block;

}

/* 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/>. */



.img.file {

  mask: url("resource://devtools/client/debugger/new/images/file.svg") no-repeat;

  mask-size: 100%;

  width: 13px;

  height: 13px;

.close-btn {

  width: 14px;

  height: 14px;

  border: 1px solid transparent;

  border-radius: 2px;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  padding: 0;

}



.img.worker {

  mask: url("resource://devtools/client/debugger/new/images/worker.svg") no-repeat;

.close-btn .close {

  mask: url("resource://devtools/client/debugger/new/images/close.svg") no-repeat;

  mask-size: 100%;

  background-color: var(--theme-comment);

  width: 8px;

  height: 8px;

  padding: 0;

  margin-top: 0;

}



.img.plus {

  mask: url("resource://devtools/client/debugger/new/images/plus.svg") no-repeat;

  mask-size: 100%;

  height: 16px;

  width: 16px;

.close-btn .close:hover {

  background-color: var(--theme-comment);

}



.img.magnifying-glass {

  mask: url("resource://devtools/client/debugger/new/images/magnifying-glass.svg") no-repeat;

  mask-size: 100%;

.close-btn:hover .img.close {

  background-color: white;

}



.img.case-match {

  mask: url("resource://devtools/client/debugger/new/images/case-match.svg") no-repeat;

  mask-size: 100%;

.close-btn:hover {

  background-color: var(--theme-selection-background);

}



.img.regex-match {

  mask: url("resource://devtools/client/debugger/new/images/regex-match.svg") no-repeat;

  mask-size: 100%;

.close-btn:focus {

  background-color: var(--theme-selection-background);

}



.img.whole-word-match {

  mask: url("resource://devtools/client/debugger/new/images/whole-word-match.svg") no-repeat;

  mask-size: 100%;

.close-btn:focus .img.close {

  background-color: white;

}



.img.breadcrumb {

  mask: url("resource://devtools/client/debugger/new/images/breadcrumbs-divider.svg") no-repeat;

  mask-size: 100%;

.close-btn.big {

  width: 16px;

  height: 18px;

}



.img.home {

  mask: url("resource://devtools/client/debugger/new/images/home.svg") no-repeat;

  mask-size: 100%;

img.close::before {

  width: 100%;

  height: 100%;

  padding: 6px;

}

/* 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/>. */



.img.angular {

  background-image: url("resource://devtools/client/debugger/new/images/angular.svg");

  background-repeat: no-repeat;

}



.img.angular,

.img.webpack,

.img.vue,

.img.aframe,

.img.dojo,

.img.ember,

.img.marko,

.img.mobx,

.img.nextjs,

.img.nuxtjs,

.img.preact,

.img.pug,

.img.rxjs,

.img.sencha-extjs {

  background-size: 15px 15px;

  background-color: transparent;

  width: 15px;

  height: 15px;

.command-bar-button {

  appearance: none;

  background: transparent;

  border: none;

  display: inline-block;

  text-align: center;

  position: relative;

  padding: 0px 5px;

  fill: currentColor;

  min-width: 30px;

}



.sources-list .img.angular,

.sources-list .img.webpack,

.sources-list .img.vue,

.sources-list .img.aframe,

.sources-list .img.dojo,

.sources-list .img.ember,

.sources-list .img.marko,

.sources-list .img.mobx,

.sources-list .img.nextjs,

.sources-list .img.nuxtjs,

.sources-list .img.preact,

.sources-list .img.pug,

.sources-list .img.rxjs,

.sources-list .img.sencha-extjs {

  top: 3px;

}



.img.domain,

.img.folder,

.img.file,

.sources-list .img.source-icon,

.img.extension,

.img.worker {

  mask-size: 100%;

  margin-inline-end: 5px;

  display: inline-block;

.command-bar-button:disabled {

  opacity: 0.8;

  cursor: default;

}



.img.result-item-icon {

  mask-size: 100%;

  margin-inline-end: 15px;

  margin-inline-start: 5px;

  display: inline-block;

.command-bar-button:not(.disabled):hover {

  background: var(--theme-toolbar-background-hover);

}



.img.refresh,

.img.shortcut,

.img.worker,

.img.arrow {

  margin-inline-end: 5px;

:root.theme-dark .command-bar-button {

  color: var(--theme-body-color);

}



.img.arrow {

  mask: url("resource://devtools/client/debugger/new/images/arrow.svg");

  margin-inline-end: 4px;

  width: 10px;

  height: 10px;

  padding-top: 9px;

  background: var(--disclosure-arrow);

  mask-size: 100%;

.command-bar-button > * {

  width: 16px;

  height: 16px;

  display: inline-block;

  transform: rotate(-90deg);

  transition: transform 0.18s ease;

  vertical-align: middle;

}

/* 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/>. */



html[dir="rtl"] .img.arrow {

  transform: rotate(90deg);

.toggle-button {

  transform: translate(0, 0px);

  transition: transform 0.25s ease-in-out;

  padding: 5px;

  -webkit-border-start: 1px solid;

  border-inline-start: 1px solid;

  border-image: var(--separator-border-image) 1 1;

  height: inherit;

}



.arrow {

  transition: transform 0.125s ease;

  height: 10px;

  width: 10px;

  transform: rotate(-90deg);

  vertical-align: -1px;

.toggle-button svg {

  fill: var(--theme-comment);

  vertical-align: 0;

}



html[dir="rtl"] .arrow,

.arrow:dir(rtl),

.arrow:-moz-locale-dir(rtl) {

  transform: rotate(90deg);

:root.theme-dark .toggle-button svg {

  fill: var(--theme-comment-alt);

}



.arrow.expanded {

  transform: rotate(0deg);

.toggle-button.end {

  margin-inline-end: 0px;

  margin-inline-start: auto;

}



.arrow.hidden {

  visibility: hidden;

.toggle-button.start {

  margin-inline-start: 0px;

}



.angular,

.webpack {

  opacity: 0.8;

html:not([dir="rtl"]) .toggle-button.end svg,

html[dir="rtl"] .toggle-button.start svg {

  transform: rotate(180deg);

}



.theme-dark .angular,

.theme-dark .webpack {

  opacity: 0.5;

html .toggle-button.end.vertical svg {

  transform: rotate(-90deg);

}



.source-icon svg {

  fill: var(--theme-comment);

.toggle-button.start.collapsed,

.toggle-button.end.collapsed {

  transform: rotate(180deg);

}

/* 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
@@ -1632,14 +1454,9 @@ html[dir="rtl"] .arrow, 
  width: 22px;

}



.search-field .img.loader {

.search-field i.loader {

  padding-top: 4px;

  margin-right: 8px;

  mask-image: url("resource://devtools/client/debugger/new/images/loader.svg");

  mask-size: 100%;

  width: 20px;

  height: 20px;

  margin-top: 6px;

}



.search-field input {
@@ -1727,14 +1544,6 @@ html[dir="rtl"] .arrow, 
  padding-right: 5px;

}



.search-field .search-nav-buttons .img.arrow-up {

  mask: url("resource://devtools/client/debugger/new/images/arrow-up.svg") no-repeat;

}



.search-field .search-nav-buttons .img.arrow-down {

  mask: url("resource://devtools/client/debugger/new/images/arrow-down.svg") no-repeat;

}



.search-field .search-nav-buttons .nav-btn:hover {

  background: var(--theme-toolbar-background-hover);

}
@@ -2010,7 +1819,8 @@ menuseparator { 
  z-index: 999;

}

.outline-filter {

  padding: 4px 10px 0 10px;

  margin: 5px 0 0 0;

  padding: 0px 10px;

}



.outline-filter-input {
@@ -2180,7 +1990,8 @@ menuseparator { 
  margin-inline-end: 5px;

}



.source-icon {

.source-icon,

.source-icon svg {

  width: 15px;

  height: 15px;

}
@@ -2237,6 +2048,9 @@ menuseparator { 
  white-space: nowrap;

  color: inherit;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  border-bottom: 1px solid var(--theme-splitter-color);

}
@@ -2250,7 +2064,7 @@ menuseparator { 
  height: 13px;

}



.theme-dark .sources-clear-root {

.theme-dark .sources-clear-root svg {

  fill: var(--theme-body-color);

}
@@ -2258,11 +2072,11 @@ menuseparator { 
  opacity: 0.5;

}



.sources-clear-root .breadcrumb {

.sources-clear-root .breadcrumb svg {

  width: 5px;

  margin: 0 2px 0 6px;

  vertical-align: bottom;

  background: var(--theme-body-color-alt);

  top: 2px;

  position: absolute;

  margin-right: 5px;

}



.sources-clear-root-label {
@@ -2273,6 +2087,7 @@ menuseparator { 
  display: flex;

  flex: 1;

  flex-direction: column;

  height: 100%;

}



.sources-list {
@@ -2285,8 +2100,8 @@ menuseparator { 
  display: flex;

}



.sources-list .managed-tree .tree {

  padding: 4px 0;

.sources-list .managed-tree .tree-node:first-child {

  margin-top: 4px;

}



.sources-list .managed-tree .tree .node {
@@ -2294,11 +2109,11 @@ menuseparator { 
  width: 100%;

}



.sources-list .img {

  margin-inline-end: 5px;

.sources-list .tree .img.arrow {

  margin-right: 5px;

}



.sources-list .tree .focused .img:not(.vue):not(.angular):not(.webpack):not(.dojo):not(.ember):not(.aframe):not(.marko):not(.mobx):not(.nextjs):not(.nuxtjs):not(.preact):not(.pug):not(.rxjs):not(.sencha-extjs),

.sources-list .tree .focused .img:not(.vue):not(.angular),

.sources-list .managed-tree .tree .node.focused .img.blackBox {

  background: #ffffff;

}
@@ -2313,6 +2128,10 @@ menuseparator { 
  color: inherit;

}



.sources-list .tree .img.arrow.expanded {

  transform: rotate(0deg);

}



.theme-dark .source-list .tree .node.focused {

  background-color: var(--theme-tab-toolbar-background);

}
@@ -2326,10 +2145,6 @@ menuseparator { 
  display: inline-block;

}



.sources-list .tree .arrow {

  vertical-align: 1px;

}



.sources-list .tree .node .no-arrow {

  width: 10px;

  display: inline-block;
@@ -2422,10 +2237,6 @@ menuseparator { 
  height: 100%;

}



.source-outline-panel.has-root .thread-header {

  margin-top: 4px;

}



.sources-list .managed-tree .tree .node .img.blackBox {

  mask: url("resource://devtools/client/debugger/new/images/blackBox.svg") no-repeat;

  mask-size: 100%;
@@ -2454,6 +2265,7 @@ menuseparator { 
  display: block;

}



.sources-list-custom-root .sources-list,

.sources-list-custom-root .no-sources-message {

  position: absolute;

  top: 26px;
@@ -2568,7 +2380,7 @@ menuseparator { 
.source-footer .mapped-source,

.source-footer .cursor-position {

  color: var(--theme-body-color);

  padding-right: 2.5px;

  padding-left: 2.5px;

}



.source-footer .mapped-source {
@@ -2675,11 +2487,11 @@ menuseparator { 
  padding: 0;

  width: 16px;

}

.search-bottom-bar .search-modifiers .img {

  width: 16px;



.search-bottom-bar .search-modifiers button svg {

  fill: var(--theme-comment);

  height: 16px;

  vertical-align: bottom;

  background-color: var(--theme-comment);

  width: 16px;

}



.search-bottom-bar .search-modifiers button:hover {
@@ -2690,11 +2502,11 @@ menuseparator { 
  background: var(--theme-selection-background);

}



.search-bottom-bar .search-modifiers button.active .img {

  background-color: var(--theme-selection-background);

.search-bottom-bar .search-modifiers button.active svg {

  fill: var(--theme-selection-background);

}



.theme-dark .search-bottom-bar .search-modifiers button.active .img {

.theme-dark .search-bottom-bar .search-modifiers button.active svg {

  fill: white;

}
@@ -3051,10 +2863,6 @@ menuseparator { 
  min-width: 0 !important;

}



.CodeMirror.cm-s-mozilla, .CodeMirror-scroll, .CodeMirror-sizer {

  overflow-anchor: none;

}



.theme-dark {

  --theme-conditional-breakpoint-color: #9fa4a9;

}
@@ -3101,7 +2909,7 @@ html[dir="rtl"] .editor-mount { 
}



.theme-dark .cm-s-mozilla .empty-line .CodeMirror-linenumber {

  color: var(--grey-50);

  color: var(--grey-60);

}



:not(.empty-line):not(.new-breakpoint)
@@ -3765,11 +3573,6 @@ html[dir="rtl"] .breakpoints-list .breakpoint .breakpoint-line { 
.frames ul .frames-group.expanded .badge {

  color: var(--theme-highlight-blue);

}



.group-description-name {

  padding-left: 5px;

}



/* 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/>. */
@@ -3829,12 +3632,12 @@ html[dir="rtl"] .breakpoints-list .breakpoint .breakpoint-line { 


.frames ul {

  list-style: none;

  margin-top: 4px;

  margin: 0;

  padding: 0;

}



.frames ul li {

  padding: 2px 10px 2px 20px;

  padding: 7px 10px 7px 21px;

  overflow: hidden;

  display: flex;

  justify-content: space-between;
@@ -3928,9 +3731,9 @@ html[dir="rtl"] .breakpoints-list .breakpoint .breakpoint-line { 
}



.annotation-logo {

  mask-size: 100%;

  display: inline-block;

  width: 12px;

  margin-inline-start: 4px;

}



:root.theme-dark .annotation-logo:not(.angular) svg path {
@@ -4306,47 +4109,6 @@ html[dir="rtl"] .command-bar { 
 * 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/>. */



.event-listeners-content {

	padding: 4px 20px;

}



.event-listeners-content ul {

	padding: 0;

	list-style-type: none;

}



.event-listener-group {

	user-select: none;

}



.event-listeners-content .arrow {

	margin-inline-end: 0;

	position: relative;

	top: 1px;

}



html[dir="ltr"] .event-listeners-content .arrow.expanded {

  transform: rotate(0deg);

}



html[dir="rtl"] .event-listeners-content .arrow.expanded {

  transform: rotate(90deg);

}



.event-listener-event {

	display: flex;

	align-items: center;

	margin-inline-start: 30px;

}



.event-listener-event input {

	margin-inline-end: 4px;

	margin-inline-start: 0px;

}

/* 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/>. */



.object-node.default-property {

  opacity: 0.6;

}
@@ -4458,6 +4220,10 @@ html[dir="rtl"] .object-node { 
  display: flex;

}



.secondary-panes .accordion .plus {

  margin-top: -2px;

}



.secondary-panes .accordion .plus svg {

  width: 12px;

  margin-top: 3px;

devtools/client/debugger/new/dist/parser-worker.js

+33 −48

File changed.

Preview size limit exceeded, changes collapsed.

devtools/client/debugger/new/dist/vendors.css

+44 −219

File changed.

Preview size limit exceeded, changes collapsed.

devtools/client/debugger/new/dist/vendors.js

+522 −7

File changed.

Preview size limit exceeded, changes collapsed.

devtools/client/debugger/new/images/Svg.js

+65 −1

File changed.

Preview size limit exceeded, changes collapsed.