Commit 5983c357 authored by Jason Laster's avatar Jason Laster Committed by Jason Laster
Browse files

Bug 1520957 - [release 119] Switch from Inline SVGs to images (#7697). r=dwalsh

parent abdbd2a7

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

+387 −233
Original line number Diff line number Diff line
@@ -1011,215 +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/>. */



.arrow,

.worker,

.refresh,

.shortcut,

.add-button {

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

}



.img.folder,

.img.domain,

.img.file,

.img.extension,

.img.worker {

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

}



.worker,

.file,

.folder,

.sources-list .source-icon,

.extension {

  position: relative;

  top: 2px;

}



.domain,

.worker,

.refresh,

.add-button {

  position: relative;

  top: 1px;

}



.worker svg,

.refresh svg,

.shortcut svg,

.add-button svg {

  width: 15px;

}



.img.domain,

.img.folder {

  width: 15px;

  height: 15px;

}



.img.extension,

.img.worker {

  width: 13px;

  height: 13px;

  margin-inline-start: 2px;

}



.img.result-item-icon {

  height: 18px;

  width: 18px;

}



.img.domain {

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

}



.img.folder {

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

}



.img.coffeescript {

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

}



.img.javascript {

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

}



.img.tab {

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

}



.img.react {

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

}



.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.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.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.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;

}



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

  transform: rotate(-90deg);

}



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

  transform: rotate(90deg);

}



.arrow svg {

  transition: transform 0.125s ease;

  width: 10px;

  margin-inline-end: 5px;

  transform: rotate(-90deg);

}



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

.arrow svg:dir(rtl),

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

  transform: rotate(90deg);

}



.arrow.expanded.expanded svg {

  transform: rotate(0deg);

}



.arrow.hidden {

  visibility: hidden;

}



.webpack svg {

  width: 15px;

  height: 15px;

  margin-right: 5px;

  vertical-align: sub;

}



.function svg {

  height: 10px;

  width: 15px;

}



.function path {

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

}



.angular svg,

.source-icon svg {

  width: 15px;

  height: 15px;

  margin-right: 5px;

  vertical-align: sub;

}



.angular,

.webpack {

  opacity: 0.8;

}



.theme-dark .angular,

.theme-dark .webpack {

  opacity: 0.5;

}



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



.managed-tree .tree {

  -webkit-user-select: none;

  -moz-user-select: none;
@@ -1273,6 +1064,8 @@ html[dir="rtl"] .managed-tree .tree .node > div { 
  height: 12px;

  /* makes span appear like an image */

  display: inline-block;

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

  mask-size: 100%;

}



.img.arrow.arrow.expanded {
@@ -1377,9 +1170,6 @@ img.close::before { 
  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;

}
@@ -1418,6 +1208,374 @@ html .toggle-button.end.vertical svg { 
 * 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,

.shortcut,

.add-button {

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

}



.img.folder,

.img.domain,

.img.file,

.img.extension,

.img.worker {

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

}



.worker,

.file,

.folder,

.sources-list .source-icon,

.extension {

  position: relative;

  top: 2px;

}



.domain,

.worker,

.refresh,

.add-button {

  position: relative;

  top: 1px;

}



.worker svg,

.refresh svg,

.shortcut svg,

.add-button svg {

  width: 15px;

}



.img.domain,

.img.folder {

  width: 15px;

  height: 15px;

}



.img.extension,

.img.worker {

  width: 13px;

  height: 13px;

  margin-inline-start: 2px;

}



.img.result-item-icon {

  height: 18px;

  width: 18px;

}



.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.babel {

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

  mask-size: 100%;

}



.img.backbone {

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

  mask-size: 100%;

}



.img.choo {

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

  mask-size: 100%;

}



.img.dojo {

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

}



.img.ember {

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

}



.img.immutable {

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

  mask-size: 100%;

}



.img.jquery {

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

  mask-size: 100%;

}



.img.lodash {

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

  mask-size: 100%;

}



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;

}



.img.mobx {

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

}



.img.next-circle {

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

  mask-size: 100%;

}



.img.next {

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

  mask-size: 100%;

}



.img.nextjs {

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

}



.img.nuxtjs {

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

}



.img.preact {

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

}



.img.pug {

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

}



.img.redux {

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

  mask-size: 100%;

}



.img.rxjs {

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

}



.img.sencha-extjs {

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

}



.img.underscore {

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

  mask-size: 100%;

}



.img.webpack {

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

  background-repeat: no-repeat;

}



.img.vue {

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

  background-size: 15px;

}



.img.typescript {

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

  mask-size: 100%;

}



.img.extension {

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

  mask-size: 100%;

}



.img.toggle-panes {

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

  mask-size: 100%;

}



.img.file {

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

  mask-size: 100%;

  width: 13px;

  height: 13px;

}



.img.worker {

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

  mask-size: 100%;

}



.img.plus {

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

  mask-size: 100%;

  height: 16px;

  width: 16px;

}



.img.magnifying-glass {

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

  mask-size: 100%;

}



.img.case-match {

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

  mask-size: 100%;

}



.img.regex-match {

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

  mask-size: 100%;

}



.img.whole-word-match {

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

  mask-size: 100%;

}



.img.breadcrumb {

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

  mask-size: 100%;

}



.img.home {

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

  mask-size: 100%;

}



.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;

  position: relative;

  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;

}



.img.result-item-icon {

  mask-size: 100%;

  margin-inline-end: 15px;

  margin-inline-start: 5px;

  display: inline-block;

}



.img.refresh,

.img.shortcut,

.img.worker,

.img.arrow {

  margin-inline-end: 5px;

}



.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;

}



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

  transform: rotate(90deg);

}



.arrow {

  transition: transform 0.125s ease;

  width: 10px;

  transform: rotate(-90deg);

}



html[dir="rtl"] .arrow,

.arrow:dir(rtl),

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

  transform: rotate(90deg);

}



.arrow.expanded {

  transform: rotate(0deg);

}



.arrow.hidden {

  visibility: hidden;

}



.angular,

.webpack {

  opacity: 0.8;

}



.theme-dark .angular,

.theme-dark .webpack {

  opacity: 0.5;

}



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



.search-shadow {

  border: 1px solid var(--theme-toolbar-background);

  border-bottom: 1px solid var(--theme-splitter-color);
@@ -1993,8 +2151,7 @@ menuseparator { 
  margin-inline-end: 5px;

}



.source-icon,

.source-icon svg {

.source-icon {

  width: 15px;

  height: 15px;

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

}



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

.theme-dark .sources-clear-root {

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

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

}



.sources-clear-root .breadcrumb svg {

.sources-clear-root .breadcrumb {

  width: 5px;

  top: 2px;

  position: absolute;

  margin-right: 5px;

  margin: 0 2px 0 6px;

  vertical-align: bottom;

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

}



.sources-clear-root-label {
@@ -2108,11 +2265,11 @@ menuseparator { 
  width: 100%;

}



.sources-list .tree .img.arrow {

  margin-right: 5px;

.sources-list .img {

  margin-inline-end: 5px;

}



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

.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 .managed-tree .tree .node.focused .img.blackBox {

  background: #ffffff;

}
@@ -2485,11 +2642,11 @@ menuseparator { 
  padding: 0;

  width: 16px;

}



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

  fill: var(--theme-comment);

  height: 16px;

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

  width: 16px;

  height: 16px;

  vertical-align: bottom;

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

}



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

}



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

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

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

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

}



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

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

  fill: white;

}
@@ -3734,6 +3891,7 @@ html[dir="rtl"] .breakpoints-list .breakpoint .breakpoint-line { 
}



.annotation-logo {

  mask-size: 100%;

  display: inline-block;

  width: 12px;

}
@@ -4260,10 +4418,6 @@ 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/vendors.css

+196 −37
Original line number Diff line number Diff line
@@ -239,44 +239,231 @@ html[dir="rtl"] .tree-node button.arrow { 


.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.babel {

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

  mask-size: 100%;

}



.img.backbone {

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

  mask-size: 100%;

}



.img.choo {

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

  mask-size: 100%;

}



.img.dojo {

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

}



.img.ember {

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

}



.img.immutable {

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

  mask-size: 100%;

}



.img.jquery {

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

  mask-size: 100%;

}



.img.lodash {

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

  mask-size: 100%;

}



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;

}



.img.mobx {

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

}



.img.next-circle {

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

  mask-size: 100%;

}



.img.next {

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

  mask-size: 100%;

}



.img.nextjs {

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

}



.img.nuxtjs {

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

}



.img.preact {

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

}



.img.pug {

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

}



.img.redux {

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

  mask-size: 100%;

}



.img.rxjs {

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

}



.img.sencha-extjs {

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

}



.img.underscore {

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

  mask-size: 100%;

}



.img.webpack {

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

  background-repeat: no-repeat;

}



.img.vue {

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

  background-size: 15px;

}



.img.typescript {

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

  mask-size: 100%;

}



.img.extension {

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

  mask-size: 100%;

}



.img.toggle-panes {

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

  mask-size: 100%;

}



.img.file {

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

  mask-size: 100%;

  width: 13px;

  height: 13px;

}



.img.worker {

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

  mask-size: 100%;

}



.img.plus {

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

  mask-size: 100%;

  height: 16px;

  width: 16px;

}



.img.magnifying-glass {

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

  mask-size: 100%;

}



.img.case-match {

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

  mask-size: 100%;

}



.img.regex-match {

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

  mask-size: 100%;

}



.img.whole-word-match {

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

  mask-size: 100%;

}



.img.breadcrumb {

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

  mask-size: 100%;

}



.img.home {

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

  mask-size: 100%;

}



.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;

  position: relative;

  top: 3px;

}



.img.domain,
@@ -297,9 +484,10 @@ html[dir="rtl"] .tree-node button.arrow { 
  display: inline-block;

}



.refresh svg,

.shortcut svg,

.worker svg {

.img.refresh,

.img.shortcut,

.img.worker,

.img.arrow {

  margin-inline-end: 5px;

}
@@ -318,28 +506,23 @@ html[dir="rtl"] .tree-node button.arrow { 
  transition: transform 0.18s ease;

}



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

  transform: rotate(-90deg);

}



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

  transform: rotate(90deg);

}



.arrow svg {

.arrow {

  transition: transform 0.125s ease;

  width: 10px;

  margin-inline-end: 5px;

  transform: rotate(-90deg);

}



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

.arrow svg:dir(rtl),

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

html[dir="rtl"] .arrow,

.arrow:dir(rtl),

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

  transform: rotate(90deg);

}



.arrow.expanded.expanded svg {

.arrow.expanded {

  transform: rotate(0deg);

}
@@ -347,30 +530,6 @@ html[dir="rtl"] .arrow svg, 
  visibility: hidden;

}



.webpack svg {

  width: 15px;

  height: 15px;

  margin-right: 5px;

  vertical-align: sub;

}



.function svg {

  height: 10px;

  width: 15px;

}



.function path {

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

}



.angular svg,

.source-icon svg {

  width: 15px;

  height: 15px;

  margin-right: 5px;

  vertical-align: sub;

}



.angular,

.webpack {

  opacity: 0.8;

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

+5 −517

File changed.

Preview size limit exceeded, changes collapsed.

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

+1 −65
Original line number Diff line number Diff line
@@ -6,73 +6,9 @@ const React = require("react"); 
import InlineSVG from "svg-inline-react";



const svg = {

  "angle-brackets": require("./angle-brackets.svg"),

  angular: require("./angular.svg"),

  arrow: require("./arrow.svg"),

  babel: require("./babel.svg"),

  backbone: require("./backbone.svg"),

  blackBox: require("./blackBox.svg"),

  breadcrumb: require("./breadcrumbs-divider.svg"),

  breakpoint: require("./breakpoint.svg"),

  "column-breakpoint": require("./column-breakpoint.svg"),

  "column-marker": require("./column-marker.svg"),

  "case-match": require("./case-match.svg"),

  choo: require("./choo.svg"),

  close: require("./close.svg"),

  coffeescript: require(`./coffeescript.svg`),

  dojo: require("./dojo.svg"),

  domain: require("./domain.svg"),

  extension: require("./extension.svg"),

  file: require("./file.svg"),

  folder: require("./folder.svg"),

  globe: require("./globe.svg"),

  home: require("./home.svg"),

  javascript: require("./javascript.svg"),

  jquery: require("./jquery.svg"),

  underscore: require("./underscore.svg"),

  lodash: require("./lodash.svg"),

  ember: require("./ember.svg"),

  vuejs: require("./vuejs.svg"),

  "magnifying-glass": require("./magnifying-glass.svg"),

  "arrow-up": require("./arrow-up.svg"),

  "arrow-down": require("./arrow-down.svg"),

  pause: require("./pause.svg"),

  "pause-exceptions": require("./pause-exceptions.svg"),

  plus: require("./plus.svg"),

  preact: require("./preact.svg"),

  aframe: require("./aframe.svg"),

  prettyPrint: require("./prettyPrint.svg"),

  react: require("./react.svg"),

  "regex-match": require("./regex-match.svg"),

  redux: require("./redux.svg"),

  immutable: require("./immutable.svg"),

  resume: require("./resume.svg"),

  settings: require("./settings.svg"),

  stepIn: require("./stepIn.svg"),

  stepOut: require("./stepOut.svg"),

  stepOver: require("./stepOver.svg"),

  subSettings: require("./subSettings.svg"),

  tab: require("./tab.svg"),

  toggleBreakpoints: require("./toggle-breakpoints.svg"),

  togglePanes: require("./toggle-panes.svg"),

  typescript: require("./typescript.svg"),

  "whole-word-match": require("./whole-word-match.svg"),

  worker: require("./worker.svg"),

  "sad-face": require("devtools-mc-assets/assets/devtools/client/themes/images/sad-face.svg"),

  refresh: require("devtools-mc-assets/assets/devtools/client/themes/images/reload.svg"),

  webpack: require("./webpack.svg"),

  node: require("./node.svg"),

  express: require("./express.svg"),

  pug: require("./pug.svg"),

  extjs: require("./sencha-extjs.svg"),

  mobx: require("./mobx.svg"),

  marko: require("./marko.svg"),

  nextjs: require("./nextjs.svg"),

  showSources: require("./showSources.svg"),

  showOutline: require("./showOutline.svg"),

  nuxtjs: require("./nuxtjs.svg"),

  rxjs: require("./rxjs.svg"),

  loader: require('./loader.svg')

  "magnifying-glass": require("./magnifying-glass.svg")

};



type SvgType = {

devtools/client/debugger/new/images/aframe.svg

0 → 100644
+20 −0

File added.

Preview size limit exceeded, changes collapsed.