From: Robert Kaiser Date: Sun, 22 May 2016 22:20:27 +0000 (+0200) Subject: move devtools to separate directory, make HTML-based inspector work X-Git-Tag: LCARStrek-2.41~7 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=dc9d5d64a3f915cb832f43050545b432f33504f7;p=themes.git move devtools to separate directory, make HTML-based inspector work --- diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index ba7c7eab..d02e29b3 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -2122,10 +2122,10 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, } window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box { -/* border-radius: 0; */ - -moz-padding-start: 2px; - -moz-padding-end: 2px; - -moz-margin-end: 1px; +/* border-radius: 0; + padding-inline-start: 2px; */ + padding-inline-end: 2px; + margin-inline-end: 1px; } window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar > @@ -4085,7 +4085,7 @@ html|*#fullscreen-exit-button { } #developer-toolbar-toolbox-button { - list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png"); + list-style-image: url("chrome://devtools/skin/toggle-tools.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); } @@ -4101,7 +4101,7 @@ html|*#fullscreen-exit-button { @media (min-resolution: 2dppx) { #developer-toolbar-toolbox-button { - list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png"); + list-style-image: url("chrome://devtools/skin/toggle-tools@2x.png"); -moz-image-region: rect(0px, 32px, 32px, 0px); } @@ -4113,7 +4113,7 @@ html|*#fullscreen-exit-button { } #developer-toolbar-closebutton { - list-style-image: url("chrome://browser/skin/devtools/close.png"); + list-style-image: url("chrome://devtools/skin/close.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); min-width: 16px; width: 16px; @@ -4133,7 +4133,7 @@ html|*#fullscreen-exit-button { @media (min-resolution: 2dppx) { #developer-toolbar-closebutton { - list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); + list-style-image: url("chrome://devtools/skin/close@2x.png"); -moz-image-region: rect(0px, 32px, 32px, 0px); } @@ -4186,7 +4186,7 @@ html|*#gcli-output-frame { width: 16px; height: 16px; margin: 0 2px; - background-image: url("chrome://browser/skin/devtools/commandline-icon.png"); + background-image: url("chrome://devtools/skin/commandline-icon.png"); background-position: 0 center; background-size: 32px 16px; } @@ -4197,7 +4197,7 @@ html|*#gcli-output-frame { @media (min-resolution: 2dppx) { .gclitoolbar-input-node::before { - background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png"); + background-image: url("chrome://devtools/skin/commandline-icon@2x.png"); } } @@ -4349,7 +4349,7 @@ html|*#gcli-output-frame { .devtools-responsiveui-menulist > .menulist-dropmarker { /* display: -moz-box; background-color: transparent; - list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); + list-style-image: url("chrome://devtools/skin/dropmarker.svg"); -moz-box-align: center; border-width: 0; min-width: 16px;*/ @@ -4373,7 +4373,7 @@ html|*#gcli-output-frame { .devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker, .devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker { -/* list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); +/* list-style-image: url("chrome://devtools/skin/dropmarker.svg"); -moz-box-align: center; padding: 0 3px;*/ } @@ -4384,7 +4384,7 @@ html|*#gcli-output-frame { } .devtools-responsiveui-close { - list-style-image: url("chrome://browser/skin/devtools/close.png"); + list-style-image: url("chrome://devtools/skin/close.png"); -moz-image-region: rect(0px,16px,16px,0px); } @@ -4393,7 +4393,7 @@ html|*#gcli-output-frame { } .devtools-responsiveui-rotate { - list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png"); + list-style-image: url("chrome://devtools/skin/responsiveui-rotate.png"); -moz-image-region: rect(0px,16px,16px,0px); } @@ -4403,7 +4403,7 @@ html|*#gcli-output-frame { @media (min-resolution: 2dppx) { .devtools-responsiveui-close { - list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); + list-style-image: url("chrome://devtools/skin/close@2x.png"); } .devtools-responsiveui-close:hover { @@ -4411,7 +4411,7 @@ html|*#gcli-output-frame { } .devtools-responsiveui-rotate { - list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png"); + list-style-image: url("chrome://devtools/skin/responsiveui-rotate@2x.png"); } .devtools-responsiveui-rotate:hover { @@ -4420,7 +4420,7 @@ html|*#gcli-output-frame { } .devtools-responsiveui-touch { - list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png"); + list-style-image: url("chrome://devtools/skin/responsiveui-touch.png"); -moz-image-region: rect(0px,16px,16px,0px); } @@ -4432,7 +4432,7 @@ html|*#gcli-output-frame { @media (min-resolution: 2dppx) { .devtools-responsiveui-touch { - list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png"); + list-style-image: url("chrome://devtools/skin/responsiveui-touch@2x.png"); -moz-image-region: rect(0px,32px,32px,0px); } @@ -4444,7 +4444,7 @@ html|*#gcli-output-frame { } .devtools-responsiveui-screenshot { - list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png"); + list-style-image: url("chrome://devtools/skin/responsiveui-screenshot.png"); -moz-image-region: rect(0px,16px,16px,0px); } @@ -4454,7 +4454,7 @@ html|*#gcli-output-frame { @media (min-resolution: 2dppx) { .devtools-responsiveui-screenshot { - list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png"); + list-style-image: url("chrome://devtools/skin/responsiveui-screenshot@2x.png"); } .devtools-responsiveui-screenshot:hover { @@ -4468,7 +4468,7 @@ html|*#gcli-output-frame { cursor: ew-resize; transform: translate(12px, -12px); background-size: cover; - background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); + background-image: url("chrome://devtools/skin/responsive-vertical-resizer.png"); } .devtools-responsiveui-resizebarH { @@ -4477,7 +4477,7 @@ html|*#gcli-output-frame { cursor: ns-resize; transform: translate(-12px, 12px); background-size: cover; - background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png"); + background-image: url("chrome://devtools/skin/responsive-horizontal-resizer.png"); } .devtools-responsiveui-resizehandle { @@ -4486,7 +4486,7 @@ html|*#gcli-output-frame { cursor: se-resize; transform: translate(12px, 12px); background-size: cover; - background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); + background-image: url("chrome://devtools/skin/responsive-se-resizer.png"); } /* FxOS custom mode with additional buttons and phone look'n feel */ @@ -4534,7 +4534,7 @@ html|*#gcli-output-frame { -moz-user-focus: ignore; width: 40px; height: 30px; - list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png"); + list-style-image: url("chrome://devtools/skin/responsiveui-home.png"); } .devtools-responsiveui-sleep-button { @@ -4593,15 +4593,15 @@ html|*#gcli-output-frame { @media (min-resolution: 2dppx) { .devtools-responsiveui-resizebarV { - background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png"); + background-image: url("chrome://devtools/skin/responsive-vertical-resizer@2x.png"); } .devtools-responsiveui-resizebarH { - background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png"); + background-image: url("chrome://devtools/skin/responsive-horizontal-resizer@2x.png"); } .devtools-responsiveui-resizehandle { - background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png"); + background-image: url("chrome://devtools/skin/responsive-se-resizer@2x.png"); } } diff --git a/LCARStrek/browser/devtools/images/add.svg b/LCARStrek/browser/devtools/images/add.svg deleted file mode 100644 index a9c169ce..00000000 --- a/LCARStrek/browser/devtools/images/add.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - - - - \ No newline at end of file diff --git a/LCARStrek/browser/devtools/images/command-measure.png b/LCARStrek/browser/devtools/images/command-measure.png deleted file mode 100644 index e9637fd6..00000000 Binary files a/LCARStrek/browser/devtools/images/command-measure.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/images/command-measure@2x.png b/LCARStrek/browser/devtools/images/command-measure@2x.png deleted file mode 100644 index 13d78442..00000000 Binary files a/LCARStrek/browser/devtools/images/command-measure@2x.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/inspector.css b/LCARStrek/browser/devtools/inspector.css deleted file mode 100644 index 6206746d..00000000 --- a/LCARStrek/browser/devtools/inspector.css +++ /dev/null @@ -1,416 +0,0 @@ -/* 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/. */ - -window { - padding: 0; -} - -#inspector-toolbar { - border-top: none; -} - -/* Highlighter toolbar - breadcrumbs */ - -#inspector-breadcrumbs { - -moz-margin-end: 3px; - /* A fake 1px-shadow is included in the border-images of the - inspector-breadcrumbs-buttons, to match toolbar-buttons style. - This negative margin compensate the extra row of pixels created - by the shadow.*/ - /*margin: -1px 0;*/ -} - -#inspector-breadcrumbs > .scrollbutton-up, -#inspector-breadcrumbs > .scrollbutton-down { - min-height: 25px; - margin-top: 0; - margin-bottom: 0; -} - -#inspector-breadcrumbs > .scrollbutton-up { - -moz-margin-end: 1px; -} - -#inspector-breadcrumbs > .scrollbutton-down { - -moz-margin-end: 0; -} - -#inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover, -#inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover { -} - -#inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon, -#inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon { - /* margin: 0 5px; */ -} - -#inspector-breadcrumbs > .scrollbutton-up[disabled] > .toolbarbutton-icon, -#inspector-breadcrumbs > .scrollbutton-down[disabled] > .toolbarbutton-icon { -} - -#inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon, -#inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon { -} - -#inspector-breadcrumbs > .scrollbutton-up:-moz-locale-dir(ltr) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -#inspector-breadcrumbs > .scrollbutton-up:-moz-locale-dir(rtl) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -#inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl), -#inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) { -/* transform: scaleX(-1); */ -} - -.inspector-breadcrumbs-button { - background-color: #000000; - border-radius: 0; - border-style: solid; - border-width: 2px 13px; - outline: none; - color: #FF9F00; - width: 85px; /* Can't use max-width. See bug 723132 */ - /* The content of the button can be larger than the button */ - overflow: hidden; - min-height: 25px; - margin: 0 -11px 0 0; - padding: 0 9px; -} - -.inspector-breadcrumbs-button:hover { - background-color: #FFCF00; - color: #000000; -} - -.inspector-breadcrumbs-button[checked]:not(:hover) { - background-color: #008484; - color: #000000; -} - -.inspector-breadcrumbs-button[siblings-menu-open], -.inspector-breadcrumbs-button:active { - background-color: #FF9F00; - color: #000000; -} - -.inspector-breadcrumbs-button:-moz-focusring > .button-box { - border-width: 0; -} - -.inspector-breadcrumbs-button:-moz-focusring > label { - border-bottom: 1px dotted #008484; -} - -.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-tag { - /*color: hsl(208,100%,60%); */ -} - -.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-id { - /*color: hsl(205,100%,70%); */ -} - -.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-pseudo-classes { - color: #FF9F00; -} - -.inspector-breadcrumbs-id, -.inspector-breadcrumbs-classes { - /*color: #8d99a6; */ -} - -.inspector-breadcrumbs-pseudo-classes { - color: #FFCF00; -} - -/* fit height of other buttons to breadcrumbs */ -#inspector-toolbar .devtools-toolbarbutton, -#highlighter-closebutton, -#inspector-option-toolbarbutton { - min-height: 25px; -} - -/* Highlighter toolbar - breadcrumbs - LTR */ - -.inspector-breadcrumbs-button:-moz-locale-dir(ltr):first-of-type { -} - -.inspector-breadcrumbs-button { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]), -.inspector-breadcrumbs-button:not([checked]):hover:active { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[checked] { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[checked][siblings-menu-open], -.inspector-breadcrumbs-button[checked]:hover:active { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button:first-of-type { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]), -.inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button:first-of-type[checked] { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked], -.inspector-breadcrumbs-button:first-of-type[checked]:hover:active { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button:last-of-type { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]), -.inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button:last-of-type[checked] { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked], -.inspector-breadcrumbs-button:last-of-type[checked]:hover:active { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected-pressed.png") 2 13 2 13 fill stretch; -} - -/* Highlighter toolbar - breadcrumbs - RTL */ - -.inspector-breadcrumbs-button:-moz-locale-dir(rtl):first-of-type { -} - -.inspector-breadcrumbs-button:-moz-locale-dir(rtl) { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]):-moz-locale-dir(rtl), -.inspector-breadcrumbs-button:not([checked]):hover:active:-moz-locale-dir(rtl) { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[checked]:-moz-locale-dir(rtl) { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[checked][siblings-menu-open]:-moz-locale-dir(rtl), -.inspector-breadcrumbs-button[checked]:hover:active:-moz-locale-dir(rtl) { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button:first-of-type:-moz-locale-dir(rtl) { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]):-moz-locale-dir(rtl), -.inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button:first-of-type[checked]:-moz-locale-dir(rtl) { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked]:-moz-locale-dir(rtl), -.inspector-breadcrumbs-button:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end.png") 2 13 2 13 fill stretch; -} - -#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) { -} - -.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]):-moz-locale-dir(rtl), -.inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button:last-of-type[checked]:-moz-locale-dir(rtl) { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked]:-moz-locale-dir(rtl), -.inspector-breadcrumbs-button:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) { - border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected-pressed.png") 2 13 2 13 fill stretch; -} - -#inspector-searchbox { - transition-property: max-width, -moz-padding-end, -moz-padding-start; - transition-duration: 250ms; - transition-timing-function: ease; -} - -#inspector-searchbox:not([focused]):not([filled]) > .textbox-input-box { - overflow: hidden; -} - -#inspector-searchbox:not([focused]):not([filled]) { - max-width: 20px !important; - -moz-padding-end: 6px; - -moz-padding-start: 22px; - background-position: 8px center, top left, top left; -} - -#inspector-searchbox[focused], -#inspector-searchbox[filled] { - max-width: 200px !important; -} - -/* Expand/collapse panel toolbar button */ - -#inspector-pane-toggle { - list-style-image: url("debugger-collapse.png"); - -moz-image-region: rect(0px,16px,16px,0px); -} - -#inspector-pane-toggle > .toolbarbutton-icon { - width: 16px; - height: 16px; -} - -#inspector-pane-toggle[pane-collapsed] { - list-style-image: url("debugger-expand.png"); -} - -#inspector-pane-toggle:hover, -#inspector-pane-toggle:active { - -moz-image-region: rect(0px,32px,16px,16px); -} - -@media (min-resolution: 1.1dppx) { - #inspector-pane-toggle { - list-style-image: url("debugger-collapse@2x.png"); - -moz-image-region: rect(0px,32px,32px,0px); - } - - #inspector-pane-toggle[pane-collapsed] { - list-style-image: url("debugger-expand@2x.png"); - } - - #inspector-pane-toggle:hover, - #inspector-pane-toggle:active { - -moz-image-region: rect(0px,64px,32px,32px); - } -} - -/* Tooltip: Events */ - -#devtools-tooltip-events-container { - margin: -4px; /* Compensate for the .panel-arrowcontent padding. */ - max-width: 590px; - overflow-y: auto; -} - -.event-header { - display: flex; - align-items: center; - cursor: pointer; -} - -.event-tooltip-event-type, -.event-tooltip-filename, -.event-tooltip-attributes { - -moz-margin-start: 0; - flex-shrink: 0; - cursor: pointer; -} - -.event-tooltip-event-type { - font-weight: bold; - font-size: 13px; -} - -.event-tooltip-filename { - -moz-margin-end: 0; - font-size: 100%; - flex-shrink: 1; -} - -.event-tooltip-debugger-icon { - width: 16px; - height: 16px; - -moz-margin-end: 4px; - opacity: 0.6; - flex-shrink: 0; -} - -.event-tooltip-debugger-icon:hover { - opacity: 1; -} - -.event-tooltip-content-box { - display: none; - overflow: auto; - -moz-margin-end: 0; -} - -.event-tooltip-content-box[open] { - display: block; -} - -.event-tooltip-source-container { - margin-top: 5px; - margin-bottom: 10px; - -moz-margin-start: 5px; - -moz-margin-end: 0; -} - -.event-tooltip-source { - margin-bottom: 0; -} - -.event-tooltip-attributes-container { - display: flex; - flex-shrink: 0; - flex-grow: 1; - justify-content: flex-end; -} - -.event-tooltip-attributes-box { - display: flex; - flex-shrink: 0; - align-items: center; - border-radius: 3px; - padding: 2px; - -moz-margin-start: 5px; - background-color: var(--theme-sidebar-background); - color: var(--theme-highlight-blue); -} - -.event-tooltip-attributes { - margin: 0; - font-size: 9px; - padding-top: 2px; -} diff --git a/LCARStrek/chrome.manifest b/LCARStrek/chrome.manifest index 105a76aa..f800c8e0 100644 --- a/LCARStrek/chrome.manifest +++ b/LCARStrek/chrome.manifest @@ -10,4 +10,4 @@ skin editor LCARStrek editor/ skin chatzilla LCARStrek chatzilla/ skin inspector LCARStrek inspector/ skin browser LCARStrek browser/ -skin devtools LCARStrek browser/devtools/ +skin devtools LCARStrek devtools/ diff --git a/LCARStrek/browser/devtools/animation-fast-track.svg b/LCARStrek/devtools/animation-fast-track.svg similarity index 100% rename from LCARStrek/browser/devtools/animation-fast-track.svg rename to LCARStrek/devtools/animation-fast-track.svg diff --git a/LCARStrek/browser/devtools/animationinspector.css b/LCARStrek/devtools/animationinspector.css similarity index 97% rename from LCARStrek/browser/devtools/animationinspector.css rename to LCARStrek/devtools/animationinspector.css index b3c78305..b54d7765 100644 --- a/LCARStrek/browser/devtools/animationinspector.css +++ b/LCARStrek/devtools/animationinspector.css @@ -113,7 +113,7 @@ body { } #element-picker::before { - background-image: url("chrome://browser/skin/devtools/command-pick.png"); + background-image: url("chrome://devtools/skin/command-pick.png"); } .pause-button::before { @@ -131,7 +131,7 @@ body { @media (min-resolution: 1.1dppx) { #element-picker::before { - background-image: url("chrome://browser/skin/devtools/command-pick@2x.png"); + background-image: url("chrome://devtools/skin/command-pick@2x.png"); background-size: 64px; } @@ -363,7 +363,7 @@ body { } .animation-target .node-selector { - background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0; + background: url("chrome://devtools/skin/images/vview-open-inspector.png") no-repeat 0 0; padding-left: 16px; margin-right: 5px; cursor: pointer; diff --git a/LCARStrek/browser/devtools/app-manager/add.svg b/LCARStrek/devtools/app-manager/add.svg similarity index 100% rename from LCARStrek/browser/devtools/app-manager/add.svg rename to LCARStrek/devtools/app-manager/add.svg diff --git a/LCARStrek/browser/devtools/app-manager/connection-footer.css b/LCARStrek/devtools/app-manager/connection-footer.css similarity index 100% rename from LCARStrek/browser/devtools/app-manager/connection-footer.css rename to LCARStrek/devtools/app-manager/connection-footer.css diff --git a/LCARStrek/browser/devtools/app-manager/default-app-icon.png b/LCARStrek/devtools/app-manager/default-app-icon.png similarity index 100% rename from LCARStrek/browser/devtools/app-manager/default-app-icon.png rename to LCARStrek/devtools/app-manager/default-app-icon.png diff --git a/LCARStrek/browser/devtools/app-manager/device.css b/LCARStrek/devtools/app-manager/device.css similarity index 100% rename from LCARStrek/browser/devtools/app-manager/device.css rename to LCARStrek/devtools/app-manager/device.css diff --git a/LCARStrek/browser/devtools/app-manager/error.svg b/LCARStrek/devtools/app-manager/error.svg similarity index 100% rename from LCARStrek/browser/devtools/app-manager/error.svg rename to LCARStrek/devtools/app-manager/error.svg diff --git a/LCARStrek/browser/devtools/app-manager/help.css b/LCARStrek/devtools/app-manager/help.css similarity index 100% rename from LCARStrek/browser/devtools/app-manager/help.css rename to LCARStrek/devtools/app-manager/help.css diff --git a/LCARStrek/browser/devtools/app-manager/index-icons.svg b/LCARStrek/devtools/app-manager/index-icons.svg similarity index 100% rename from LCARStrek/browser/devtools/app-manager/index-icons.svg rename to LCARStrek/devtools/app-manager/index-icons.svg diff --git a/LCARStrek/browser/devtools/app-manager/index.css b/LCARStrek/devtools/app-manager/index.css similarity index 87% rename from LCARStrek/browser/devtools/app-manager/index.css rename to LCARStrek/devtools/app-manager/index.css index 83ed605e..2c1da1f8 100644 --- a/LCARStrek/browser/devtools/app-manager/index.css +++ b/LCARStrek/devtools/app-manager/index.css @@ -66,7 +66,7 @@ } .projects-button { - background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg'); + background-image: url('chrome://devtools/skin/app-manager/index-icons.svg'); background-repeat: no-repeat; background-position: left -5px; } @@ -76,7 +76,7 @@ } .device-button { - background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg'); + background-image: url('chrome://devtools/skin/app-manager/index-icons.svg'); background-position: left -85px, top left; background-repeat: no-repeat, no-repeat; background-size: 160px 240px, 2px 80px; @@ -88,7 +88,7 @@ .help-button { border-bottom: 0; - background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg'); + background-image: url('chrome://devtools/skin/app-manager/index-icons.svg'); background-position: left -165px, top left; background-repeat: no-repeat, no-repeat; background-size: 160px 240px, 2px 80px; diff --git a/LCARStrek/browser/devtools/app-manager/plus.svg b/LCARStrek/devtools/app-manager/plus.svg similarity index 100% rename from LCARStrek/browser/devtools/app-manager/plus.svg rename to LCARStrek/devtools/app-manager/plus.svg diff --git a/LCARStrek/browser/devtools/app-manager/projects.css b/LCARStrek/devtools/app-manager/projects.css similarity index 100% rename from LCARStrek/browser/devtools/app-manager/projects.css rename to LCARStrek/devtools/app-manager/projects.css diff --git a/LCARStrek/browser/devtools/app-manager/remove.svg b/LCARStrek/devtools/app-manager/remove.svg similarity index 100% rename from LCARStrek/browser/devtools/app-manager/remove.svg rename to LCARStrek/devtools/app-manager/remove.svg diff --git a/LCARStrek/browser/devtools/app-manager/rocket.svg b/LCARStrek/devtools/app-manager/rocket.svg similarity index 100% rename from LCARStrek/browser/devtools/app-manager/rocket.svg rename to LCARStrek/devtools/app-manager/rocket.svg diff --git a/LCARStrek/browser/devtools/app-manager/warning.svg b/LCARStrek/devtools/app-manager/warning.svg similarity index 100% rename from LCARStrek/browser/devtools/app-manager/warning.svg rename to LCARStrek/devtools/app-manager/warning.svg diff --git a/LCARStrek/browser/devtools/breadcrumbs-divider@2x.png b/LCARStrek/devtools/breadcrumbs-divider@2x.png similarity index 100% rename from LCARStrek/browser/devtools/breadcrumbs-divider@2x.png rename to LCARStrek/devtools/breadcrumbs-divider@2x.png diff --git a/LCARStrek/browser/devtools/canvasdebugger.css b/LCARStrek/devtools/canvasdebugger.css similarity index 95% rename from LCARStrek/browser/devtools/canvasdebugger.css rename to LCARStrek/devtools/canvasdebugger.css index b3ae18ad..a532f100 100644 --- a/LCARStrek/browser/devtools/canvasdebugger.css +++ b/LCARStrek/devtools/canvasdebugger.css @@ -38,19 +38,19 @@ } #record-snapshot { - list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-tbutton.svg"); + list-style-image: url("chrome://devtools/skin/profiler-stopwatch-tbutton.svg"); } #record-snapshot:hover { - list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch.svg"); + list-style-image: url("chrome://devtools/skin/profiler-stopwatch.svg"); } #record-snapshot[checked] { - list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-checked-tbutton.svg"); + list-style-image: url("chrome://devtools/skin/profiler-stopwatch-checked-tbutton.svg"); } #record-snapshot[checked]:hover { - list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-checked.svg"); + list-style-image: url("chrome://devtools/skin/profiler-stopwatch-checked.svg"); } /* Snapshots items */ diff --git a/LCARStrek/browser/devtools/close.png b/LCARStrek/devtools/close.png similarity index 100% rename from LCARStrek/browser/devtools/close.png rename to LCARStrek/devtools/close.png diff --git a/LCARStrek/browser/devtools/close@2x.png b/LCARStrek/devtools/close@2x.png similarity index 100% rename from LCARStrek/browser/devtools/close@2x.png rename to LCARStrek/devtools/close@2x.png diff --git a/LCARStrek/browser/devtools/command-console.png b/LCARStrek/devtools/command-console.png similarity index 100% rename from LCARStrek/browser/devtools/command-console.png rename to LCARStrek/devtools/command-console.png diff --git a/LCARStrek/browser/devtools/command-console@2x.png b/LCARStrek/devtools/command-console@2x.png similarity index 100% rename from LCARStrek/browser/devtools/command-console@2x.png rename to LCARStrek/devtools/command-console@2x.png diff --git a/LCARStrek/browser/devtools/command-eyedropper.png b/LCARStrek/devtools/command-eyedropper.png similarity index 100% rename from LCARStrek/browser/devtools/command-eyedropper.png rename to LCARStrek/devtools/command-eyedropper.png diff --git a/LCARStrek/browser/devtools/command-eyedropper@2x.png b/LCARStrek/devtools/command-eyedropper@2x.png similarity index 100% rename from LCARStrek/browser/devtools/command-eyedropper@2x.png rename to LCARStrek/devtools/command-eyedropper@2x.png diff --git a/LCARStrek/browser/devtools/command-frames.png b/LCARStrek/devtools/command-frames.png similarity index 100% rename from LCARStrek/browser/devtools/command-frames.png rename to LCARStrek/devtools/command-frames.png diff --git a/LCARStrek/browser/devtools/command-frames@2x.png b/LCARStrek/devtools/command-frames@2x.png similarity index 100% rename from LCARStrek/browser/devtools/command-frames@2x.png rename to LCARStrek/devtools/command-frames@2x.png diff --git a/LCARStrek/browser/devtools/command-paintflashing.png b/LCARStrek/devtools/command-paintflashing.png similarity index 100% rename from LCARStrek/browser/devtools/command-paintflashing.png rename to LCARStrek/devtools/command-paintflashing.png diff --git a/LCARStrek/browser/devtools/command-paintflashing@2x.png b/LCARStrek/devtools/command-paintflashing@2x.png similarity index 100% rename from LCARStrek/browser/devtools/command-paintflashing@2x.png rename to LCARStrek/devtools/command-paintflashing@2x.png diff --git a/LCARStrek/browser/devtools/command-pick.png b/LCARStrek/devtools/command-pick.png similarity index 100% rename from LCARStrek/browser/devtools/command-pick.png rename to LCARStrek/devtools/command-pick.png diff --git a/LCARStrek/browser/devtools/command-pick@2x.png b/LCARStrek/devtools/command-pick@2x.png similarity index 100% rename from LCARStrek/browser/devtools/command-pick@2x.png rename to LCARStrek/devtools/command-pick@2x.png diff --git a/LCARStrek/browser/devtools/command-responsivemode.png b/LCARStrek/devtools/command-responsivemode.png similarity index 100% rename from LCARStrek/browser/devtools/command-responsivemode.png rename to LCARStrek/devtools/command-responsivemode.png diff --git a/LCARStrek/browser/devtools/command-responsivemode@2x.png b/LCARStrek/devtools/command-responsivemode@2x.png similarity index 100% rename from LCARStrek/browser/devtools/command-responsivemode@2x.png rename to LCARStrek/devtools/command-responsivemode@2x.png diff --git a/LCARStrek/browser/devtools/command-rulers.png b/LCARStrek/devtools/command-rulers.png similarity index 100% rename from LCARStrek/browser/devtools/command-rulers.png rename to LCARStrek/devtools/command-rulers.png diff --git a/LCARStrek/browser/devtools/command-rulers@2x.png b/LCARStrek/devtools/command-rulers@2x.png similarity index 100% rename from LCARStrek/browser/devtools/command-rulers@2x.png rename to LCARStrek/devtools/command-rulers@2x.png diff --git a/LCARStrek/browser/devtools/command-scratchpad.png b/LCARStrek/devtools/command-scratchpad.png similarity index 100% rename from LCARStrek/browser/devtools/command-scratchpad.png rename to LCARStrek/devtools/command-scratchpad.png diff --git a/LCARStrek/browser/devtools/command-scratchpad@2x.png b/LCARStrek/devtools/command-scratchpad@2x.png similarity index 100% rename from LCARStrek/browser/devtools/command-scratchpad@2x.png rename to LCARStrek/devtools/command-scratchpad@2x.png diff --git a/LCARStrek/browser/devtools/command-screenshot.png b/LCARStrek/devtools/command-screenshot.png similarity index 100% rename from LCARStrek/browser/devtools/command-screenshot.png rename to LCARStrek/devtools/command-screenshot.png diff --git a/LCARStrek/browser/devtools/command-screenshot@2x.png b/LCARStrek/devtools/command-screenshot@2x.png similarity index 100% rename from LCARStrek/browser/devtools/command-screenshot@2x.png rename to LCARStrek/devtools/command-screenshot@2x.png diff --git a/LCARStrek/browser/devtools/command-tilt.png b/LCARStrek/devtools/command-tilt.png similarity index 100% rename from LCARStrek/browser/devtools/command-tilt.png rename to LCARStrek/devtools/command-tilt.png diff --git a/LCARStrek/browser/devtools/command-tilt@2x.png b/LCARStrek/devtools/command-tilt@2x.png similarity index 100% rename from LCARStrek/browser/devtools/command-tilt@2x.png rename to LCARStrek/devtools/command-tilt@2x.png diff --git a/LCARStrek/browser/devtools/commandline-icon.png b/LCARStrek/devtools/commandline-icon.png similarity index 100% rename from LCARStrek/browser/devtools/commandline-icon.png rename to LCARStrek/devtools/commandline-icon.png diff --git a/LCARStrek/browser/devtools/commandline-icon@2x.png b/LCARStrek/devtools/commandline-icon@2x.png similarity index 100% rename from LCARStrek/browser/devtools/commandline-icon@2x.png rename to LCARStrek/devtools/commandline-icon@2x.png diff --git a/LCARStrek/browser/devtools/commandline.css b/LCARStrek/devtools/commandline.css similarity index 100% rename from LCARStrek/browser/devtools/commandline.css rename to LCARStrek/devtools/commandline.css diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/devtools/common.css similarity index 98% rename from LCARStrek/browser/devtools/common.css rename to LCARStrek/devtools/common.css index 7c9a2f49..0237525b 100644 --- a/LCARStrek/browser/devtools/common.css +++ b/LCARStrek/devtools/common.css @@ -16,11 +16,11 @@ notification { :root { font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; + --proportional-font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; --monospace-font-family: "Liberation Mono", Consolas, "Courier New", monospace; --monospace-font-size: 12px; } -/* Font for code */ .devtools-monospace { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); diff --git a/LCARStrek/devtools/computed.css b/LCARStrek/devtools/computed.css new file mode 100644 index 00000000..444112cf --- /dev/null +++ b/LCARStrek/devtools/computed.css @@ -0,0 +1,207 @@ +/* vim:set ts=2 sw=2 sts=2 et: */ +/* 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/. */ + +#sidebar-panel-computedview { + margin: 0; + display : flex; + flex-direction: column; + width: 100%; + /* Bug 1243598 - Reduce the container height by the tab height to make room + for the tabs above. */ + height: calc(100% - 24px); + position: absolute; +} + +#sidebar-panel-computedview > .devtools-toolbar { + display: flex; +} + +#browser-style-checkbox { + /* Bug 1200073 - extra space before the browser styles checkbox so + they aren't squished together in a small window. */ + margin-inline-start: 5px; +} + +#propertyContainer { + -moz-user-select: text; + overflow: auto; + flex: auto; +} + +.row-striped { + background: var(--theme-body-background); +} + +.property-view-hidden, +.property-content-hidden { + display: none; +} + +.property-view { + padding: 2px 0 2px 17px; + display: flex; + flex-wrap: wrap; +} + +.property-name-container { + width: 202px; +} + +.property-value-container { + width: 168px; +} + +.property-name-container > *, +.property-value-container > * { + display: inline-block; + vertical-align: middle; +} + +.property-name { + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; + outline: 0; +} + +.property-value, .other-property-value { + background-image: url(images/arrow-e.png); + background-repeat: no-repeat; + background-size: 5px 8px; +} + +@media (min-resolution: 1.1dppx) { + .property-value, .other-property-value { + background-image: url(images/arrow-e@2x.png); + } +} + +.property-value { + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; + background-position: 2px center; + padding-left: 10px; + outline: 0; +} + +.other-property-value { + background-position: left center; + padding-left: 8px; +} + +.property-content { + padding-left: 17px; +} + +.theme-firebug .property-view, +.theme-firebug .property-content { + font-family: var(--proportional-font-family); +} + +.theme-firebug .property-view { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); +} + +/* From skin */ +.expander { + visibility: hidden; + margin-left: -12px !important; +} + +.expandable { + visibility: visible; +} + +.match { + visibility: hidden; +} + +.matchedselectors > p { + clear: both; + margin: 0 2px 0 0; + padding: 2px; + overflow-x: hidden; + border-style: dotted; + border-color: #A09090; + border-width: 1px 1px 0 1px; +} + +.matchedselectors > p:last-of-type { + border-bottom-width: 1px; +} + +.matched { + text-decoration: line-through; +} + +.parentmatch { + opacity: 0.5; +} + +#noResults { + font-size: 110%; + margin: 5px; + text-align: center; +} + +.onlyuserstyles { + cursor: pointer; +} + +.legendKey { + margin: 0 5px; +} + +.link { + padding: 0 3px; + cursor: pointer; + float: right; +} + +/* Take away these two :visited rules to get a core dumper */ +/* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */ + +.link, +.link:visited { + color: #336699; +} + +.link, +.helplink, +.link:visited, +.helplink:visited { + text-decoration: none; +} + +.link:hover { + text-decoration: underline; +} + +.computedview-colorswatch { + border-radius: 50%; + width: 0.9em; + height: 0.9em; + vertical-align: middle; + margin-inline-end: 5px; + display: inline-block; + position: relative; +} + +.computedview-colorswatch::before { + content: ''; + background-color: #9C9CFF; + background-image: linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090), + linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090); + background-size: 12px 12px; + background-position: 0 0, 6px 6px; + position: absolute; + border-radius: 50%; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; +} diff --git a/LCARStrek/browser/devtools/computedview.css b/LCARStrek/devtools/computedview.css similarity index 97% rename from LCARStrek/browser/devtools/computedview.css rename to LCARStrek/devtools/computedview.css index b0c0fe9e..107f9e58 100644 --- a/LCARStrek/browser/devtools/computedview.css +++ b/LCARStrek/devtools/computedview.css @@ -56,14 +56,14 @@ body { } .property-value, .other-property-value { - background-image: url("arrow-e.png"); + background-image: url("images/arrow-e.png"); background-repeat: no-repeat; background-size: 5px 8px; } @media (min-resolution: 1.1dppx) { .property-value, .other-property-value { - background-image: url("arrow-e@2x.png"); + background-image: url("images/arrow-e@2x.png"); } } diff --git a/LCARStrek/browser/devtools/controls.png b/LCARStrek/devtools/controls.png similarity index 100% rename from LCARStrek/browser/devtools/controls.png rename to LCARStrek/devtools/controls.png diff --git a/LCARStrek/browser/devtools/controls@2x.png b/LCARStrek/devtools/controls@2x.png similarity index 100% rename from LCARStrek/browser/devtools/controls@2x.png rename to LCARStrek/devtools/controls@2x.png diff --git a/LCARStrek/browser/devtools/dark-theme.css b/LCARStrek/devtools/dark-theme.css similarity index 88% rename from LCARStrek/browser/devtools/dark-theme.css rename to LCARStrek/devtools/dark-theme.css index dfe21985..58ae01dd 100644 --- a/LCARStrek/browser/devtools/dark-theme.css +++ b/LCARStrek/devtools/dark-theme.css @@ -60,6 +60,15 @@ --theme-graphs-yellow: #FFCF00; --theme-graphs-red: #FF0000; --theme-graphs-grey: #A09090; + + /* Images */ + --theme-pane-collapse-image: url(chrome://devtools/skin/images/pane-collapse.svg); + --theme-pane-expand-image: url(chrome://devtools/skin/images/pane-expand.svg); +} + +body, html { + padding: 0; + margin: 0; } .theme-body { @@ -325,7 +334,7 @@ div.CodeMirror span.eval-text { width: 14px; height: 14px; background-repeat: no-repeat; - background-image: url("chrome://browser/skin/devtools/controls.png"); + background-image: url("chrome://devtools/skin/controls.png"); background-size: 28px 28px; } @@ -360,7 +369,7 @@ div.CodeMirror span.eval-text { @media (min-resolution: 1.1dppx) { .theme-twisty, .theme-checkbox { - background-image: url("chrome://browser/skin/devtools/controls@2x.png"); + background-image: url("chrome://devtools/skin/controls@2x.png"); } } @@ -377,34 +386,34 @@ div.CodeMirror span.eval-text { /* Overring panel arrow images to fit with our light and dark themes */ /* .theme-tooltip-panel .panel-arrow[side="top"] { - list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark.png"); + list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-dark.png"); margin-bottom: -4px; } .theme-tooltip-panel .panel-arrow[side="bottom"] { - list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark.png"); + list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-dark.png"); margin-top: -4px; } .theme-tooltip-panel .panel-arrow[side="left"] { - list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-dark.png"); + list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-dark.png"); margin-right: -4px; } .theme-tooltip-panel .panel-arrow[side="right"] { - list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-dark.png"); + list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-dark.png"); margin-left: -4px; } @media (min-resolution: 1.1dppx) { .theme-tooltip-panel .panel-arrow[side="top"], .theme-tooltip-panel .panel-arrow[side="bottom"] { - list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark@2x.png"); + list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-dark@2x.png"); } .theme-tooltip-panel .panel-arrow[side="left"], .theme-tooltip-panel .panel-arrow[side="right"] { - list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-dark@2x.png"); + list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-dark@2x.png"); } } */ @@ -501,7 +510,7 @@ div.CodeMirror span.eval-text { /* Command buttons with menupopups should be styled slightly differently - no background color and a bit more narrow */ #toolbox-buttons .devtools-toolbarbutton:not([text-as-image]):not(:hover):not([open=true]) { - background: transparent; +/* background: transparent; */ } #toolbox-buttons .devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker { padding: 0 2px; @@ -580,14 +589,14 @@ div.CodeMirror span.eval-text { } .devtools-option-toolbarbutton { - list-style-image: url("chrome://browser/skin/devtools/tool-options-tbutton.svg"); + list-style-image: url("chrome://devtools/skin/tool-options-tbutton.svg"); /* background: none; border: none; */ } .devtools-option-toolbarbutton:hover, .devtools-option-toolbarbutton[open=true] { - list-style-image: url("chrome://browser/skin/devtools/tool-options.svg"); + list-style-image: url("chrome://devtools/skin/tool-options.svg"); } /* Toolbar button groups */ @@ -739,11 +748,11 @@ div.CodeMirror span.eval-text { } .devtools-searchinput-clear { - background-image: url("chrome://browser/skin/devtools/search-clear.svg"); + background-image: url("chrome://devtools/skin/search-clear.svg"); } .devtools-style-searchbox-no-match + .devtools-searchinput-clear { - background-image: url("chrome://browser/skin/devtools/search-clear-failed.svg") !important; + background-image: url("chrome://devtools/skin/search-clear-failed.svg") !important; } .devtools-searchinput-clear:hover { @@ -751,7 +760,7 @@ div.CodeMirror span.eval-text { } .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear { - list-style-image: url("chrome://browser/skin/devtools/search-clear.svg"); + list-style-image: url("chrome://devtools/skin/search-clear.svg"); -moz-image-region: rect(0, 16px, 16px, 0); } @@ -777,7 +786,7 @@ div.CodeMirror span.eval-text { height: 16px; -moz-appearance: none; background-size: 32px 16px; - background-image: url("chrome://browser/skin/devtools/close@2x.png"); + background-image: url("chrome://devtools/skin/close@2x.png"); background-position: 0 center; background-repeat: no-repeat; } @@ -837,6 +846,10 @@ div.CodeMirror span.eval-text { position: static; } +.devtools-sidebar-tabs tabs > tab:first-of-type { + -moz-margin-start: 0; +} + .devtools-sidebar-tabs tabs > tab:last-of-type { -moz-border-end-width: 0; } @@ -890,15 +903,15 @@ div.CodeMirror span.eval-text { } #toolbox-dock-bottom > image { - background-image: url("chrome://browser/skin/devtools/dock-bottom@2x.png"); + background-image: url("chrome://devtools/skin/dock-bottom@2x.png"); } #toolbox-dock-side > image { - background-image: url("chrome://browser/skin/devtools/dock-side@2x.png"); + background-image: url("chrome://devtools/skin/dock-side@2x.png"); } #toolbox-dock-window > image { - background-image: url("chrome://browser/skin/devtools/undock@2x.png"); + background-image: url("chrome://devtools/skin/undock@2x.png"); } #toolbox-dock-bottom-minimize { @@ -908,11 +921,11 @@ div.CodeMirror span.eval-text { } #toolbox-dock-bottom-minimize > image { - background-image: url("chrome://browser/skin/devtools/dock-bottom-minimize@2x.png"); + background-image: url("chrome://devtools/skin/dock-bottom-minimize@2x.png"); } #toolbox-dock-bottom-minimize.minimized > image { - background-image: url("chrome://browser/skin/devtools/dock-bottom-maximize@2x.png"); + background-image: url("chrome://devtools/skin/dock-bottom-maximize@2x.png"); } #toolbox-dock-window, @@ -967,84 +980,92 @@ div.CodeMirror span.eval-text { } #command-button-paintflashing > image { - background-image: url("chrome://browser/skin/devtools/command-paintflashing.png"); + background-image: url("chrome://devtools/skin/command-paintflashing.png"); } #command-button-screenshot > image { - background-image: url("chrome://browser/skin/devtools/command-screenshot.png"); + background-image: url("chrome://devtools/skin/command-screenshot.png"); } #command-button-responsive > image { - background-image: url("chrome://browser/skin/devtools/command-responsivemode.png"); + background-image: url("chrome://devtools/skin/command-responsivemode.png"); } #command-button-tilt > image { - background-image: url("chrome://browser/skin/devtools/command-tilt.png"); + background-image: url("chrome://devtools/skin/command-tilt.png"); } #command-button-scratchpad > image { - background-image: url("chrome://browser/skin/devtools/command-scratchpad.png"); + background-image: url("chrome://devtools/skin/command-scratchpad.png"); } #command-button-pick > image { - background-image: url("chrome://browser/skin/devtools/command-pick.png"); + background-image: url("chrome://devtools/skin/command-pick.png"); } #command-button-frames > image { - background-image: url("chrome://browser/skin/devtools/command-frames.png"); + background-image: url("chrome://devtools/skin/command-frames.png"); } #command-button-splitconsole > image { - background-image: url("chrome://browser/skin/devtools/command-console.png"); + background-image: url("chrome://devtools/skin/command-console.png"); } #command-button-eyedropper > image { - background-image: url("chrome://browser/skin/devtools/command-eyedropper.png"); + background-image: url("chrome://devtools/skin/command-eyedropper.png"); } #command-button-rulers > image { - background-image: url("chrome://browser/skin/devtools/command-rulers.png"); + background-image: url("chrome://devtools/skin/command-rulers.png"); +} + +#command-button-measure > image { + background-image: url("chrome://devtools/skin/images/command-measure.png"); } @media (min-resolution: 1.1dppx) { #command-button-paintflashing > image { - background-image: url("chrome://browser/skin/devtools/command-paintflashing@2x.png"); + background-image: url("chrome://devtools/skin/command-paintflashing@2x.png"); } #command-button-screenshot > image { - background-image: url("chrome://browser/skin/devtools/command-screenshot@2x.png"); + background-image: url("chrome://devtools/skin/command-screenshot@2x.png"); } #command-button-responsive > image { - background-image: url("chrome://browser/skin/devtools/command-responsivemode@2x.png"); + background-image: url("chrome://devtools/skin/command-responsivemode@2x.png"); } #command-button-tilt > image { - background-image: url("chrome://browser/skin/devtools/command-tilt@2x.png"); + background-image: url("chrome://devtools/skin/command-tilt@2x.png"); } #command-button-scratchpad > image { - background-image: url("chrome://browser/skin/devtools/command-scratchpad@2x.png"); + background-image: url("chrome://devtools/skin/command-scratchpad@2x.png"); } #command-button-pick > image { - background-image: url("chrome://browser/skin/devtools/command-pick@2x.png"); + background-image: url("chrome://devtools/skin/command-pick@2x.png"); } #command-button-frames > image { - background-image: url("chrome://browser/skin/devtools/command-frames@2x.png"); + background-image: url("chrome://devtools/skin/command-frames@2x.png"); } #command-button-splitconsole > image { - background-image: url("chrome://browser/skin/devtools/command-console@2x.png"); + background-image: url("chrome://devtools/skin/command-console@2x.png"); } #command-button-eyedropper > image { - background-image: url("chrome://browser/skin/devtools/command-eyedropper@2x.png"); + background-image: url("chrome://devtools/skin/command-eyedropper@2x.png"); } #command-button-rulers > image { - background-image: url("chrome://browser/skin/devtools/command-rulers@2x.png"); + background-image: url("chrome://devtools/skin/command-rulers@2x.png"); + } + + #command-button-measure > image { + background-image: url("chrome://devtools/skin/images/command-measure@2x.png"); } } diff --git a/LCARStrek/browser/devtools/debugger-blackbox.png b/LCARStrek/devtools/debugger-blackbox.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-blackbox.png rename to LCARStrek/devtools/debugger-blackbox.png diff --git a/LCARStrek/browser/devtools/debugger-blackbox@2x.png b/LCARStrek/devtools/debugger-blackbox@2x.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-blackbox@2x.png rename to LCARStrek/devtools/debugger-blackbox@2x.png diff --git a/LCARStrek/browser/devtools/debugger-collapse.png b/LCARStrek/devtools/debugger-collapse.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-collapse.png rename to LCARStrek/devtools/debugger-collapse.png diff --git a/LCARStrek/browser/devtools/debugger-collapse@2x.png b/LCARStrek/devtools/debugger-collapse@2x.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-collapse@2x.png rename to LCARStrek/devtools/debugger-collapse@2x.png diff --git a/LCARStrek/browser/devtools/debugger-expand.png b/LCARStrek/devtools/debugger-expand.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-expand.png rename to LCARStrek/devtools/debugger-expand.png diff --git a/LCARStrek/browser/devtools/debugger-expand@2x.png b/LCARStrek/devtools/debugger-expand@2x.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-expand@2x.png rename to LCARStrek/devtools/debugger-expand@2x.png diff --git a/LCARStrek/browser/devtools/debugger-pause.png b/LCARStrek/devtools/debugger-pause.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-pause.png rename to LCARStrek/devtools/debugger-pause.png diff --git a/LCARStrek/browser/devtools/debugger-pause@2x.png b/LCARStrek/devtools/debugger-pause@2x.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-pause@2x.png rename to LCARStrek/devtools/debugger-pause@2x.png diff --git a/LCARStrek/browser/devtools/debugger-play.png b/LCARStrek/devtools/debugger-play.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-play.png rename to LCARStrek/devtools/debugger-play.png diff --git a/LCARStrek/browser/devtools/debugger-play@2x.png b/LCARStrek/devtools/debugger-play@2x.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-play@2x.png rename to LCARStrek/devtools/debugger-play@2x.png diff --git a/LCARStrek/browser/devtools/debugger-prettyprint.png b/LCARStrek/devtools/debugger-prettyprint.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-prettyprint.png rename to LCARStrek/devtools/debugger-prettyprint.png diff --git a/LCARStrek/browser/devtools/debugger-prettyprint@2x.png b/LCARStrek/devtools/debugger-prettyprint@2x.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-prettyprint@2x.png rename to LCARStrek/devtools/debugger-prettyprint@2x.png diff --git a/LCARStrek/browser/devtools/debugger-step-in.png b/LCARStrek/devtools/debugger-step-in.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-step-in.png rename to LCARStrek/devtools/debugger-step-in.png diff --git a/LCARStrek/browser/devtools/debugger-step-in@2x.png b/LCARStrek/devtools/debugger-step-in@2x.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-step-in@2x.png rename to LCARStrek/devtools/debugger-step-in@2x.png diff --git a/LCARStrek/browser/devtools/debugger-step-out.png b/LCARStrek/devtools/debugger-step-out.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-step-out.png rename to LCARStrek/devtools/debugger-step-out.png diff --git a/LCARStrek/browser/devtools/debugger-step-out@2x.png b/LCARStrek/devtools/debugger-step-out@2x.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-step-out@2x.png rename to LCARStrek/devtools/debugger-step-out@2x.png diff --git a/LCARStrek/browser/devtools/debugger-step-over.png b/LCARStrek/devtools/debugger-step-over.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-step-over.png rename to LCARStrek/devtools/debugger-step-over.png diff --git a/LCARStrek/browser/devtools/debugger-step-over@2x.png b/LCARStrek/devtools/debugger-step-over@2x.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-step-over@2x.png rename to LCARStrek/devtools/debugger-step-over@2x.png diff --git a/LCARStrek/browser/devtools/debugger-toggleBreakpoints.png b/LCARStrek/devtools/debugger-toggleBreakpoints.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-toggleBreakpoints.png rename to LCARStrek/devtools/debugger-toggleBreakpoints.png diff --git a/LCARStrek/browser/devtools/debugger-toggleBreakpoints@2x.png b/LCARStrek/devtools/debugger-toggleBreakpoints@2x.png similarity index 100% rename from LCARStrek/browser/devtools/debugger-toggleBreakpoints@2x.png rename to LCARStrek/devtools/debugger-toggleBreakpoints@2x.png diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/devtools/debugger.css similarity index 95% rename from LCARStrek/browser/devtools/debugger.css rename to LCARStrek/devtools/debugger.css index e5eb6b85..64fe1902 100644 --- a/LCARStrek/browser/devtools/debugger.css +++ b/LCARStrek/devtools/debugger.css @@ -568,12 +568,12 @@ window { /* Toolbar controls */ #toggle-panes { - list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png"); + list-style-image: url("chrome://devtools/skin/debugger-expand.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); } #toggle-panes:not([panesHidden]) { - list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png"); + list-style-image: url("chrome://devtools/skin/debugger-collapse.png"); } #toggle-panes:hover, @@ -588,7 +588,7 @@ window { } #resume { - list-style-image: url("chrome://browser/skin/devtools/debugger-pause.png"); + list-style-image: url("chrome://devtools/skin/debugger-pause.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); } @@ -597,7 +597,7 @@ window { } #resume[checked=true] { - list-style-image: url("chrome://browser/skin/devtools/debugger-play.png"); + list-style-image: url("chrome://devtools/skin/debugger-play.png"); } @media (min-resolution: 1.1dppx) { @@ -629,7 +629,7 @@ window { } #step-over { - list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png"); + list-style-image: url("chrome://devtools/skin/debugger-step-over.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); } #step-over:hover { @@ -637,7 +637,7 @@ window { } #step-in { - list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png"); + list-style-image: url("chrome://devtools/skin/debugger-step-in.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); } #step-in:hover { @@ -645,7 +645,7 @@ window { } #step-out { - list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png"); + list-style-image: url("chrome://devtools/skin/debugger-step-out.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); } #step-out:hover { @@ -685,12 +685,12 @@ window { /* background: none; box-shadow: none; border: none; */ - list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png"); + list-style-image: url("chrome://devtools/skin/debugger-collapse.png"); -moz-image-region: rect(0px,16px,16px,0px); } #instruments-pane-toggle[pane-collapsed] { - list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png"); + list-style-image: url("chrome://devtools/skin/debugger-expand.png"); } #instruments-pane-toggle:hover { diff --git a/LCARStrek/browser/devtools/dock-bottom-maximize@2x.png b/LCARStrek/devtools/dock-bottom-maximize@2x.png similarity index 100% rename from LCARStrek/browser/devtools/dock-bottom-maximize@2x.png rename to LCARStrek/devtools/dock-bottom-maximize@2x.png diff --git a/LCARStrek/browser/devtools/dock-bottom-minimize@2x.png b/LCARStrek/devtools/dock-bottom-minimize@2x.png similarity index 100% rename from LCARStrek/browser/devtools/dock-bottom-minimize@2x.png rename to LCARStrek/devtools/dock-bottom-minimize@2x.png diff --git a/LCARStrek/browser/devtools/dock-bottom.png b/LCARStrek/devtools/dock-bottom.png similarity index 100% rename from LCARStrek/browser/devtools/dock-bottom.png rename to LCARStrek/devtools/dock-bottom.png diff --git a/LCARStrek/browser/devtools/dock-bottom@2x.png b/LCARStrek/devtools/dock-bottom@2x.png similarity index 100% rename from LCARStrek/browser/devtools/dock-bottom@2x.png rename to LCARStrek/devtools/dock-bottom@2x.png diff --git a/LCARStrek/browser/devtools/dock-side.png b/LCARStrek/devtools/dock-side.png similarity index 100% rename from LCARStrek/browser/devtools/dock-side.png rename to LCARStrek/devtools/dock-side.png diff --git a/LCARStrek/browser/devtools/dock-side@2x.png b/LCARStrek/devtools/dock-side@2x.png similarity index 100% rename from LCARStrek/browser/devtools/dock-side@2x.png rename to LCARStrek/devtools/dock-side@2x.png diff --git a/LCARStrek/browser/devtools/editor-breakpoint.png b/LCARStrek/devtools/editor-breakpoint.png similarity index 100% rename from LCARStrek/browser/devtools/editor-breakpoint.png rename to LCARStrek/devtools/editor-breakpoint.png diff --git a/LCARStrek/browser/devtools/editor-breakpoint@2x.png b/LCARStrek/devtools/editor-breakpoint@2x.png similarity index 100% rename from LCARStrek/browser/devtools/editor-breakpoint@2x.png rename to LCARStrek/devtools/editor-breakpoint@2x.png diff --git a/LCARStrek/browser/devtools/editor-debug-location.png b/LCARStrek/devtools/editor-debug-location.png similarity index 100% rename from LCARStrek/browser/devtools/editor-debug-location.png rename to LCARStrek/devtools/editor-debug-location.png diff --git a/LCARStrek/browser/devtools/editor-debug-location@2x.png b/LCARStrek/devtools/editor-debug-location@2x.png similarity index 100% rename from LCARStrek/browser/devtools/editor-debug-location@2x.png rename to LCARStrek/devtools/editor-debug-location@2x.png diff --git a/LCARStrek/browser/devtools/editor-error.png b/LCARStrek/devtools/editor-error.png similarity index 100% rename from LCARStrek/browser/devtools/editor-error.png rename to LCARStrek/devtools/editor-error.png diff --git a/LCARStrek/browser/devtools/eyedropper.css b/LCARStrek/devtools/eyedropper.css similarity index 100% rename from LCARStrek/browser/devtools/eyedropper.css rename to LCARStrek/devtools/eyedropper.css diff --git a/LCARStrek/browser/devtools/fast-forward.png b/LCARStrek/devtools/fast-forward.png similarity index 100% rename from LCARStrek/browser/devtools/fast-forward.png rename to LCARStrek/devtools/fast-forward.png diff --git a/LCARStrek/browser/devtools/fast-forward@2x.png b/LCARStrek/devtools/fast-forward@2x.png similarity index 100% rename from LCARStrek/browser/devtools/fast-forward@2x.png rename to LCARStrek/devtools/fast-forward@2x.png diff --git a/LCARStrek/browser/devtools/filetype-dir-close.svg b/LCARStrek/devtools/filetype-dir-close.svg similarity index 100% rename from LCARStrek/browser/devtools/filetype-dir-close.svg rename to LCARStrek/devtools/filetype-dir-close.svg diff --git a/LCARStrek/browser/devtools/filetype-dir-open.svg b/LCARStrek/devtools/filetype-dir-open.svg similarity index 100% rename from LCARStrek/browser/devtools/filetype-dir-open.svg rename to LCARStrek/devtools/filetype-dir-open.svg diff --git a/LCARStrek/browser/devtools/filetype-globe.svg b/LCARStrek/devtools/filetype-globe.svg similarity index 100% rename from LCARStrek/browser/devtools/filetype-globe.svg rename to LCARStrek/devtools/filetype-globe.svg diff --git a/LCARStrek/browser/devtools/filetype-store.svg b/LCARStrek/devtools/filetype-store.svg similarity index 100% rename from LCARStrek/browser/devtools/filetype-store.svg rename to LCARStrek/devtools/filetype-store.svg diff --git a/LCARStrek/browser/devtools/filters.svg b/LCARStrek/devtools/filters.svg similarity index 100% rename from LCARStrek/browser/devtools/filters.svg rename to LCARStrek/devtools/filters.svg diff --git a/LCARStrek/browser/devtools/floating-scrollbars-light.css b/LCARStrek/devtools/floating-scrollbars-light.css similarity index 81% rename from LCARStrek/browser/devtools/floating-scrollbars-light.css rename to LCARStrek/devtools/floating-scrollbars-light.css index 2d8e3f66..fd104cf6 100644 --- a/LCARStrek/browser/devtools/floating-scrollbars-light.css +++ b/LCARStrek/devtools/floating-scrollbars-light.css @@ -3,7 +3,7 @@ * 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/. */ -@import url("chrome://browser/skin/devtools/ffloating-scrollbars.css"); +@import url("chrome://devtools/skin/floating-scrollbars.css"); scrollbar thumb { /*background-color: rgba(170,170,170,0.2) !important;*/ diff --git a/LCARStrek/browser/devtools/floating-scrollbars.css b/LCARStrek/devtools/floating-scrollbars.css similarity index 100% rename from LCARStrek/browser/devtools/floating-scrollbars.css rename to LCARStrek/devtools/floating-scrollbars.css diff --git a/LCARStrek/browser/devtools/font-inspector.css b/LCARStrek/devtools/font-inspector.css similarity index 100% rename from LCARStrek/browser/devtools/font-inspector.css rename to LCARStrek/devtools/font-inspector.css diff --git a/LCARStrek/devtools/fonts.css b/LCARStrek/devtools/fonts.css new file mode 100644 index 00000000..7d469d44 --- /dev/null +++ b/LCARStrek/devtools/fonts.css @@ -0,0 +1,130 @@ +/* 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/. */ + +#sidebar-panel-fontinspector { + margin: 0; + display: flex; + flex-direction: column; + padding-bottom: 20px; + width: 100%; + /* Bug 1243598 - Reduce the container height by the tab height to make room + for the tabs above. */ + height: calc(100% - 24px); + position: absolute; +} + +#sidebar-panel-fontinspector > .devtools-toolbar { + display: flex; +} + +#font-container { + overflow: auto; + flex: auto; +} + +#all-fonts { + padding: 0; + margin: 0; +} + +#showall, +#font-showall { + border-radius: 300px; + border: none; + background-color: var(--in-content-button-background); + color: var(--in-content-selected-text); + margin: 3px; + cursor: pointer; + position: fixed; + bottom: 0; + right: 0; +} + +.dim > #font-container, +.font:not(.has-code) .font-css-code, +.font-is-local, +.font-is-remote, +.font.is-local .font-format-url, +#font-template { + display: none; +} + +.font.is-remote .font-is-remote, +.font.is-local .font-is-local { + display: inline; +} + +.font-format::before { + content: "("; +} + +.font-format::after { + content: ")"; +} + +.preview-input-toolbar { + display: flex; + width: 100%; +} + +.font-preview-container { + overflow-x: auto; +} + +#preview-text-input, +#font-preview-text-input { + font: inherit; + margin-top: 1px; + margin-bottom: 1px; + padding-top: 0; + padding-bottom: 0; + flex: 1; +} + +.font { + padding: 10px 10px; +} + +.theme-dark .font, +.theme-light .font { + border-bottom: 1px solid #A09090; +} + +.font:last-of-type { + border-bottom: 0; +} + +.font:nth-child(even) { + background: var(--theme-contrast-background); +} + +.font-preview { + margin-left: -4px; + height: 60px; + display: block; +} + +.font-info { + display: block; +} + +.font-name { + display: inline; +} + +.font-css-code { + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + padding: 5px; +} + +.theme-light .font-css-code, +.theme-light .font-url , +.theme-dark .font-css-code, +.theme-dark .font-url { + border: 1px solid #A09090; + background: #000000; + color: #336699; +} diff --git a/LCARStrek/browser/devtools/add.svg b/LCARStrek/devtools/images/add.svg similarity index 100% rename from LCARStrek/browser/devtools/add.svg rename to LCARStrek/devtools/images/add.svg diff --git a/LCARStrek/browser/devtools/alerticon-warning.png b/LCARStrek/devtools/images/alerticon-warning.png similarity index 100% rename from LCARStrek/browser/devtools/alerticon-warning.png rename to LCARStrek/devtools/images/alerticon-warning.png diff --git a/LCARStrek/browser/devtools/alerticon-warning@2x.png b/LCARStrek/devtools/images/alerticon-warning@2x.png similarity index 100% rename from LCARStrek/browser/devtools/alerticon-warning@2x.png rename to LCARStrek/devtools/images/alerticon-warning@2x.png diff --git a/LCARStrek/devtools/images/angle-swatch.svg b/LCARStrek/devtools/images/angle-swatch.svg new file mode 100644 index 00000000..a30abc5f --- /dev/null +++ b/LCARStrek/devtools/images/angle-swatch.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + diff --git a/LCARStrek/browser/devtools/arrow-e.png b/LCARStrek/devtools/images/arrow-e.png similarity index 100% rename from LCARStrek/browser/devtools/arrow-e.png rename to LCARStrek/devtools/images/arrow-e.png diff --git a/LCARStrek/browser/devtools/arrow-e@2x.png b/LCARStrek/devtools/images/arrow-e@2x.png similarity index 100% rename from LCARStrek/browser/devtools/arrow-e@2x.png rename to LCARStrek/devtools/images/arrow-e@2x.png diff --git a/LCARStrek/browser/devtools/images/clear.svg b/LCARStrek/devtools/images/clear.svg similarity index 100% rename from LCARStrek/browser/devtools/images/clear.svg rename to LCARStrek/devtools/images/clear.svg diff --git a/LCARStrek/browser/devtools/images/close@2x.png b/LCARStrek/devtools/images/close@2x.png similarity index 100% rename from LCARStrek/browser/devtools/images/close@2x.png rename to LCARStrek/devtools/images/close@2x.png diff --git a/LCARStrek/browser/devtools/images/command-eyedropper.png b/LCARStrek/devtools/images/command-eyedropper.png similarity index 100% rename from LCARStrek/browser/devtools/images/command-eyedropper.png rename to LCARStrek/devtools/images/command-eyedropper.png diff --git a/LCARStrek/browser/devtools/images/command-eyedropper@2x.png b/LCARStrek/devtools/images/command-eyedropper@2x.png similarity index 100% rename from LCARStrek/browser/devtools/images/command-eyedropper@2x.png rename to LCARStrek/devtools/images/command-eyedropper@2x.png diff --git a/LCARStrek/devtools/images/command-measure.png b/LCARStrek/devtools/images/command-measure.png new file mode 100644 index 00000000..a90bb75e Binary files /dev/null and b/LCARStrek/devtools/images/command-measure.png differ diff --git a/LCARStrek/devtools/images/command-measure@2x.png b/LCARStrek/devtools/images/command-measure@2x.png new file mode 100644 index 00000000..4e1eb9a2 Binary files /dev/null and b/LCARStrek/devtools/images/command-measure@2x.png differ diff --git a/LCARStrek/browser/devtools/images/command-screenshot.svg b/LCARStrek/devtools/images/command-screenshot.svg similarity index 100% rename from LCARStrek/browser/devtools/images/command-screenshot.svg rename to LCARStrek/devtools/images/command-screenshot.svg diff --git a/LCARStrek/browser/devtools/cubic-bezier-swatch.png b/LCARStrek/devtools/images/cubic-bezier-swatch.png similarity index 100% rename from LCARStrek/browser/devtools/cubic-bezier-swatch.png rename to LCARStrek/devtools/images/cubic-bezier-swatch.png diff --git a/LCARStrek/browser/devtools/cubic-bezier-swatch@2x.png b/LCARStrek/devtools/images/cubic-bezier-swatch@2x.png similarity index 100% rename from LCARStrek/browser/devtools/cubic-bezier-swatch@2x.png rename to LCARStrek/devtools/images/cubic-bezier-swatch@2x.png diff --git a/LCARStrek/browser/devtools/images/diff.svg b/LCARStrek/devtools/images/diff.svg similarity index 100% rename from LCARStrek/browser/devtools/images/diff.svg rename to LCARStrek/devtools/images/diff.svg diff --git a/LCARStrek/browser/devtools/images/editor-breakpoint.png b/LCARStrek/devtools/images/editor-breakpoint.png similarity index 100% rename from LCARStrek/browser/devtools/images/editor-breakpoint.png rename to LCARStrek/devtools/images/editor-breakpoint.png diff --git a/LCARStrek/browser/devtools/images/editor-breakpoint@2x.png b/LCARStrek/devtools/images/editor-breakpoint@2x.png similarity index 100% rename from LCARStrek/browser/devtools/images/editor-breakpoint@2x.png rename to LCARStrek/devtools/images/editor-breakpoint@2x.png diff --git a/LCARStrek/browser/devtools/images/editor-debug-location.png b/LCARStrek/devtools/images/editor-debug-location.png similarity index 100% rename from LCARStrek/browser/devtools/images/editor-debug-location.png rename to LCARStrek/devtools/images/editor-debug-location.png diff --git a/LCARStrek/browser/devtools/images/editor-debug-location@2x.png b/LCARStrek/devtools/images/editor-debug-location@2x.png similarity index 100% rename from LCARStrek/browser/devtools/images/editor-debug-location@2x.png rename to LCARStrek/devtools/images/editor-debug-location@2x.png diff --git a/LCARStrek/browser/devtools/images/editor-error.png b/LCARStrek/devtools/images/editor-error.png similarity index 100% rename from LCARStrek/browser/devtools/images/editor-error.png rename to LCARStrek/devtools/images/editor-error.png diff --git a/LCARStrek/devtools/images/filter-swatch.svg b/LCARStrek/devtools/images/filter-swatch.svg new file mode 100644 index 00000000..89bd043a --- /dev/null +++ b/LCARStrek/devtools/images/filter-swatch.svg @@ -0,0 +1,12 @@ + + + + + + + + + + diff --git a/LCARStrek/browser/devtools/images/filters.svg b/LCARStrek/devtools/images/filters.svg similarity index 100% rename from LCARStrek/browser/devtools/images/filters.svg rename to LCARStrek/devtools/images/filters.svg diff --git a/LCARStrek/devtools/images/geometry-editor.svg b/LCARStrek/devtools/images/geometry-editor.svg new file mode 100644 index 00000000..6b333b7e --- /dev/null +++ b/LCARStrek/devtools/images/geometry-editor.svg @@ -0,0 +1,4 @@ + + + + diff --git a/LCARStrek/browser/devtools/images/magnifying-glass-light.png b/LCARStrek/devtools/images/magnifying-glass-light.png similarity index 100% rename from LCARStrek/browser/devtools/images/magnifying-glass-light.png rename to LCARStrek/devtools/images/magnifying-glass-light.png diff --git a/LCARStrek/browser/devtools/images/magnifying-glass.png b/LCARStrek/devtools/images/magnifying-glass.png similarity index 100% rename from LCARStrek/browser/devtools/images/magnifying-glass.png rename to LCARStrek/devtools/images/magnifying-glass.png diff --git a/LCARStrek/devtools/images/pane-collapse.svg b/LCARStrek/devtools/images/pane-collapse.svg new file mode 100644 index 00000000..49f319b5 --- /dev/null +++ b/LCARStrek/devtools/images/pane-collapse.svg @@ -0,0 +1,6 @@ + + + + diff --git a/LCARStrek/devtools/images/pane-expand.svg b/LCARStrek/devtools/images/pane-expand.svg new file mode 100644 index 00000000..3364fa9e --- /dev/null +++ b/LCARStrek/devtools/images/pane-expand.svg @@ -0,0 +1,6 @@ + + + + diff --git a/LCARStrek/browser/devtools/images/pseudo-class.svg b/LCARStrek/devtools/images/pseudo-class.svg similarity index 100% rename from LCARStrek/browser/devtools/images/pseudo-class.svg rename to LCARStrek/devtools/images/pseudo-class.svg diff --git a/LCARStrek/browser/devtools/images/tool-canvas.svg b/LCARStrek/devtools/images/tool-canvas.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-canvas.svg rename to LCARStrek/devtools/images/tool-canvas.svg diff --git a/LCARStrek/browser/devtools/images/tool-debugger-paused.svg b/LCARStrek/devtools/images/tool-debugger-paused.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-debugger-paused.svg rename to LCARStrek/devtools/images/tool-debugger-paused.svg diff --git a/LCARStrek/browser/devtools/images/tool-debugger.svg b/LCARStrek/devtools/images/tool-debugger.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-debugger.svg rename to LCARStrek/devtools/images/tool-debugger.svg diff --git a/LCARStrek/browser/devtools/images/tool-inspector.svg b/LCARStrek/devtools/images/tool-inspector.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-inspector.svg rename to LCARStrek/devtools/images/tool-inspector.svg diff --git a/LCARStrek/browser/devtools/images/tool-memory-active.svg b/LCARStrek/devtools/images/tool-memory-active.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-memory-active.svg rename to LCARStrek/devtools/images/tool-memory-active.svg diff --git a/LCARStrek/browser/devtools/images/tool-memory.svg b/LCARStrek/devtools/images/tool-memory.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-memory.svg rename to LCARStrek/devtools/images/tool-memory.svg diff --git a/LCARStrek/browser/devtools/images/tool-network.svg b/LCARStrek/devtools/images/tool-network.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-network.svg rename to LCARStrek/devtools/images/tool-network.svg diff --git a/LCARStrek/browser/devtools/images/tool-options-tbutton.svg b/LCARStrek/devtools/images/tool-options-tbutton.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-options-tbutton.svg rename to LCARStrek/devtools/images/tool-options-tbutton.svg diff --git a/LCARStrek/browser/devtools/images/tool-options.svg b/LCARStrek/devtools/images/tool-options.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-options.svg rename to LCARStrek/devtools/images/tool-options.svg diff --git a/LCARStrek/browser/devtools/images/tool-profiler-active.svg b/LCARStrek/devtools/images/tool-profiler-active.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-profiler-active.svg rename to LCARStrek/devtools/images/tool-profiler-active.svg diff --git a/LCARStrek/browser/devtools/images/tool-profiler.svg b/LCARStrek/devtools/images/tool-profiler.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-profiler.svg rename to LCARStrek/devtools/images/tool-profiler.svg diff --git a/LCARStrek/browser/devtools/images/tool-scratchpad.svg b/LCARStrek/devtools/images/tool-scratchpad.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-scratchpad.svg rename to LCARStrek/devtools/images/tool-scratchpad.svg diff --git a/LCARStrek/browser/devtools/images/tool-shadereditor.svg b/LCARStrek/devtools/images/tool-shadereditor.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-shadereditor.svg rename to LCARStrek/devtools/images/tool-shadereditor.svg diff --git a/LCARStrek/browser/devtools/images/tool-storage.svg b/LCARStrek/devtools/images/tool-storage.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-storage.svg rename to LCARStrek/devtools/images/tool-storage.svg diff --git a/LCARStrek/browser/devtools/images/tool-styleeditor.svg b/LCARStrek/devtools/images/tool-styleeditor.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-styleeditor.svg rename to LCARStrek/devtools/images/tool-styleeditor.svg diff --git a/LCARStrek/browser/devtools/images/tool-webaudio.svg b/LCARStrek/devtools/images/tool-webaudio.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-webaudio.svg rename to LCARStrek/devtools/images/tool-webaudio.svg diff --git a/LCARStrek/browser/devtools/images/tool-webconsole.svg b/LCARStrek/devtools/images/tool-webconsole.svg similarity index 100% rename from LCARStrek/browser/devtools/images/tool-webconsole.svg rename to LCARStrek/devtools/images/tool-webconsole.svg diff --git a/LCARStrek/browser/devtools/vview-delete.png b/LCARStrek/devtools/images/vview-delete.png similarity index 100% rename from LCARStrek/browser/devtools/vview-delete.png rename to LCARStrek/devtools/images/vview-delete.png diff --git a/LCARStrek/browser/devtools/vview-delete@2x.png b/LCARStrek/devtools/images/vview-delete@2x.png similarity index 100% rename from LCARStrek/browser/devtools/vview-delete@2x.png rename to LCARStrek/devtools/images/vview-delete@2x.png diff --git a/LCARStrek/browser/devtools/vview-edit.png b/LCARStrek/devtools/images/vview-edit.png similarity index 100% rename from LCARStrek/browser/devtools/vview-edit.png rename to LCARStrek/devtools/images/vview-edit.png diff --git a/LCARStrek/browser/devtools/vview-edit@2x.png b/LCARStrek/devtools/images/vview-edit@2x.png similarity index 100% rename from LCARStrek/browser/devtools/vview-edit@2x.png rename to LCARStrek/devtools/images/vview-edit@2x.png diff --git a/LCARStrek/browser/devtools/vview-lock.png b/LCARStrek/devtools/images/vview-lock.png similarity index 100% rename from LCARStrek/browser/devtools/vview-lock.png rename to LCARStrek/devtools/images/vview-lock.png diff --git a/LCARStrek/browser/devtools/vview-lock@2x.png b/LCARStrek/devtools/images/vview-lock@2x.png similarity index 100% rename from LCARStrek/browser/devtools/vview-lock@2x.png rename to LCARStrek/devtools/images/vview-lock@2x.png diff --git a/LCARStrek/browser/devtools/vview-open-inspector.png b/LCARStrek/devtools/images/vview-open-inspector.png similarity index 100% rename from LCARStrek/browser/devtools/vview-open-inspector.png rename to LCARStrek/devtools/images/vview-open-inspector.png diff --git a/LCARStrek/browser/devtools/vview-open-inspector@2x.png b/LCARStrek/devtools/images/vview-open-inspector@2x.png similarity index 100% rename from LCARStrek/browser/devtools/vview-open-inspector@2x.png rename to LCARStrek/devtools/images/vview-open-inspector@2x.png diff --git a/LCARStrek/browser/devtools/images/webconsole.svg b/LCARStrek/devtools/images/webconsole.svg similarity index 100% rename from LCARStrek/browser/devtools/images/webconsole.svg rename to LCARStrek/devtools/images/webconsole.svg diff --git a/LCARStrek/devtools/inspector.css b/LCARStrek/devtools/inspector.css new file mode 100644 index 00000000..5d06ee84 --- /dev/null +++ b/LCARStrek/devtools/inspector.css @@ -0,0 +1,144 @@ +/* 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/. */ + +#inspector-toolbar { + border-top: none; +} + +#inspector-searchlabel { + overflow: hidden; +} + +#inspector-breadcrumbs-toolbar { + padding: 0px; + border-bottom-width: 0px; + border-top-width: 1px; +} + +/* Expand/collapse panel toolbar button */ + +#inspector-pane-toggle { + list-style-image: var(--theme-pane-collapse-image); +} + +#inspector-pane-toggle[pane-collapsed] { + list-style-image: var(--theme-pane-expand-image); +} + +@media (max-width: 700px) { + #inspector-pane-toggle > .toolbarbutton-icon { + transform: rotate(90deg); + } +} + +/* Add element toolbar button */ + +#inspector-element-add-button { + list-style-image: url("chrome://devtools/skin/images/add.svg"); +} + +/* Tooltip: Events */ + +#devtools-tooltip-events-container { + margin: -4px; /* Compensate for the .panel-arrowcontent padding. */ + max-width: 590px; + overflow-y: auto; +} + +.event-header { + display: flex; + align-items: center; + cursor: pointer; +} + +.event-header:first-child { + border-width: 0; +} + +.event-header:not(:first-child) { + border-width: 1px 0 0 0; +} + +.event-tooltip-event-type, +.event-tooltip-filename, +.event-tooltip-attributes { + margin-inline-start: 0; + flex-shrink: 0; + cursor: pointer; +} + +.event-tooltip-event-type { + font-weight: bold; + font-size: 13px; +} + +.event-tooltip-filename { + margin-inline-end: 0; + font-size: 100%; + flex-shrink: 1; +} + +.event-tooltip-debugger-icon { + width: 16px; + height: 16px; + margin-inline-end: 4px; + opacity: 0.6; + flex-shrink: 0; +} + +.event-tooltip-debugger-icon:hover { + opacity: 1; +} + +.event-tooltip-content-box { + display: none; + height: 100px; + overflow: hidden; + margin-inline-end: 0; + border: 1px solid var(--theme-splitter-color); + border-width: 1px 0 0 0; +} + +.event-toolbox-content-box iframe { + height: 100%; +} + +.event-tooltip-content-box[open] { + display: block; +} + +.event-tooltip-source-container { + margin-top: 5px; + margin-bottom: 10px; + margin-inline-start: 5px; + margin-inline-end: 0; +} + +.event-tooltip-source { + margin-bottom: 0; +} + +.event-tooltip-attributes-container { + display: flex; + flex-shrink: 0; + flex-grow: 1; + justify-content: flex-end; +} + +.event-tooltip-attributes-box { + display: flex; + flex-shrink: 0; + align-items: center; + border-radius: 3px; + padding: 2px; + margin-inline-start: 5px; + background-color: var(--theme-body-color-alt); + color: var(--theme-toolbar-background); +} + +.event-tooltip-attributes { + margin: 0; + font-size: 9px; + padding-top: 2px; +} diff --git a/LCARStrek/browser/devtools/itemArrow-ltr.svg b/LCARStrek/devtools/itemArrow-ltr.svg similarity index 100% rename from LCARStrek/browser/devtools/itemArrow-ltr.svg rename to LCARStrek/devtools/itemArrow-ltr.svg diff --git a/LCARStrek/browser/devtools/itemArrow-rtl.svg b/LCARStrek/devtools/itemArrow-rtl.svg similarity index 100% rename from LCARStrek/browser/devtools/itemArrow-rtl.svg rename to LCARStrek/devtools/itemArrow-rtl.svg diff --git a/LCARStrek/browser/devtools/itemToggle.png b/LCARStrek/devtools/itemToggle.png similarity index 100% rename from LCARStrek/browser/devtools/itemToggle.png rename to LCARStrek/devtools/itemToggle.png diff --git a/LCARStrek/browser/devtools/itemToggle@2x.png b/LCARStrek/devtools/itemToggle@2x.png similarity index 100% rename from LCARStrek/browser/devtools/itemToggle@2x.png rename to LCARStrek/devtools/itemToggle@2x.png diff --git a/LCARStrek/devtools/layout.css b/LCARStrek/devtools/layout.css new file mode 100644 index 00000000..ab95a05d --- /dev/null +++ b/LCARStrek/devtools/layout.css @@ -0,0 +1,463 @@ +/* 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/ */ + +.theme-sidebar { + box-sizing: border-box; +} + +#sidebar-panel-layoutview { + display: block; + overflow: auto; +} + +body.theme-sidebar, +#layout-container { + /* The view will grow bigger as the window gets resized, until 400px */ + max-width: 400px; + margin: 0px auto; + padding: 0; + /* "Contain" the absolutely positioned #layout-main element */ + position: relative; +} + +/* Header: contains the position and size of the element */ + +#header, +#layout-header { + box-sizing: border-box; + width: 100%; + padding: 4px 14px; + display: -moz-box; + vertical-align: top; +} + +#header:dir(rtl), +#layout-header:dir(rtl) { + -moz-box-direction: reverse; +} + +#header > span, +#layout-header > span { + display: -moz-box; +} + +#element-size, +#layout-element-size { + -moz-box-flex: 1; +} + +#element-size:dir(rtl), +#layout-element-size:dir(rtl) { + -moz-box-pack: end; +} + +@media (max-height: 250px) { + #header, + #layout-header { + padding-top: 0; + padding-bottom: 0; + margin-top: 10px; + margin-bottom: 8px; + } +} + +/* Main: contains the box-model regions */ + +#main, +#layout-main { + position: absolute; + box-sizing: border-box; + /* The regions are semi-transparent, so the white background is partly + visible */ + background-color: #FF9F00; + color: var(--theme-selection-color); + /* Make sure there is some space between the window's edges and the regions */ + margin: 0 14px 10px 14px; + width: calc(100% - 2 * 14px); +} + +.margin, +.size, +.layout-margin, +.layout-size { +/* color: var(--theme-highlight-blue); */ +} + +/* Regions are 3 nested elements with wide borders and outlines */ + +#content, +#layout-content { + height: 25px; +} + +#margins, +#borders, +#padding, +#layout-margins, +#layout-borders, +#layout-padding { + border-color: var(-theme-splitter-color); + border-width: 25px; + border-style: solid; + outline: dotted 1px var(-theme-splitter-color); +} + +#margins, +#layout-margins { + /* This opacity applies to all of the regions, since they are nested */ + opacity: .8; +} + +/* Respond to window size change by changing the size of the regions */ + +@media (max-height: 250px) { + #content, + #layout-content { + height: 18px; + } + + #margins, + #borders, + #padding, + #layout-margins, + #layout-borders, + #layout-padding { + border-width: 18px; + } +} + +/* Regions colors */ + +#margins, +#layout-margins { + border-color: #FFCF00; +} + +#borders, +#layout-borders { + border-color: #A09090; +} + +#padding, +#layout-padding { + border-color: #8050B0; +} + +#content, +#layout-content { + background-color: #008484; +} +/* +.theme-firebug #layout-main, +.theme-firebug #layout-borders, +.theme-firebug #layout-content { + border-style: solid; +} + +.theme-firebug #layout-main, +.theme-firebug #layout-header { + font-family: var(--proportional-font-family); +} + +.theme-firebug #layout-main { + color: var(--theme-body-color); + font-size: var(--theme-toolbar-font-size); +} + +.theme-firebug #layout-header { + font-size: var(--theme-toolbar-font-size); +} +*/ +/* Editable region sizes are contained in absolutely positioned

*/ + +#main > p, +#layout-main > p { + position: absolute; + pointer-events: none; + margin: 0; + text-align: center; +} + +#main > p > span, +#main > p > input, +#layout-main > p > span, +#layout-main > p > input { + vertical-align: middle; + pointer-events: auto; +} + +/* Coordinates for the region sizes */ + +.top, +.bottom, +.layout-top, +.layout-bottom { + width: calc(100% - 2px); + text-align: center; +} + +.padding.top, +.layout-padding.layout-top { + top: 55px; +} + +.padding.bottom, +.layout-padding.layout-bottom { + bottom: 57px; +} + +.border.top, +.layout-border.layout-top { + top: 30px; +} + +.border.bottom, +.layout-border.layout-bottom { + bottom: 31px; +} + +.margin.top, +.layout-margin.layout-top { + top: 5px; +} + +.margin.bottom, +.layout-margin.layout-bottom { + bottom: 6px; +} + +.size, +.margin.left, +.margin.right, +.border.left, +.border.right, +.padding.left, +.padding.right, +.layout-size, +.layout-margin.layout-left, +.layout-margin.layout-right, +.layout-border.layout-left, +.layout-border.layout-right, +.layout-padding.layout-left, +.layout-padding.layout-right { + top: 22px; + line-height: 132px; +} + +.size, +.layout-size { + width: calc(100% - 2px); +} + +.margin.right, +.margin.left, +.border.left, +.border.right, +.padding.right, +.padding.left, +.layout-margin.layout-right, +.layout-margin.layout-left, +.layout-border.layout-left, +.layout-border.layout-right, +.layout-padding.layout-right, +.layout-padding.layout-left { + width: 25px; +} + +.padding.left, +.layout-padding.layout-left { + left: 52px; +} + +.padding.right, +.layout-padding.layout-right { + right: 51px; +} + +.border.left, +.layout-border.layout-left { + left: 26px; +} + +.border.right, +.layout-border.layout-right { + right: 26px; +} + +.margin.right, +.layout-margin.layout-right { + right: 0; +} + +.margin.left, +.layout-margin.layout-left { + left: 0; +} + +.rotate.left:not(.editing), +.layout-rotate.layout-left:not(.layout-editing) { + transform: rotate(-90deg); +} + +.rotate.right:not(.editing), +.layout-rotate.layout-right:not(.layout-editing) { + transform: rotate(90deg); +} + +/* Coordinates should be different when the window is small, because we make + the regions smaller then */ + +@media (max-height: 250px) { + .padding.top, + .layout-padding.layout-top { + top: 37px; + } + + .padding.bottom, + .layout-padding.layout-bottom { + bottom: 38px; + } + + .border.top, + .layout-border.layout-top { + top: 19px; + } + + .border.bottom, + .layout-border.layout-bottom { + bottom: 20px; + } + + .margin.top, + .layout-margin.layout-top { + top: 1px; + } + + .margin.bottom, + .layout-margin.layout-bottom { + bottom: 2px; + } + + .size, + .margin.left, + .margin.right, + .border.left, + .border.right, + .padding.left, + .padding.right, + .layout-size, + .layout-margin.layout-left, + .layout-margin.layout-right, + .layout-border.layout-left, + .layout-border.layout-right, + .layout-padding.layout-left, + .layout-padding.layout-right { + line-height: 80px; + } + + .margin.right, + .margin.left, + .border.left, + .border.right, + .padding.right, + .padding.left, + .layout-margin.layout-right, + .layout-margin.layout-left, + .layout-border.layout-left, + .layout-border.layout-right, + .layout-padding.layout-right, + .layout-padding.layout-left { + width: 21px; + } + + .padding.left, + .layout-padding.layout-left { + left: 35px; + } + + .padding.right, + .layout-padding.layout-right { + right: 35px; + } + + .border.left, + .layout-border.layout-left { + left: 16px; + } + + .border.right, + .layout-border.layout-right { + right: 17px; + } +} + +/* Legend, displayed inside regions */ + +.legend, +.layout-legend { + position: absolute; + margin: 5px 6px; + z-index: 1; +} + +.legend[data-box="margin"], +.layout-legend[data-box="margin"] { + color: #000000; /*var(--theme-highlight-blue);*/ +} + +@media (max-height: 250px) { + .legend, + .layout-legend { + margin: 2px 6px; + } +} + +/* Editable fields */ + +.editable, +.layout-editable { + border: 1px dashed transparent; + -moz-user-select: text; +} + +.editable:hover, +.layout-editable:hover { + border-bottom-color: #E7ADE7; +} + +.styleinspector-propertyeditor { + border: 1px solid #008484; + padding: 0; +} + +/* Make sure the content size doesn't appear as editable like the other sizes */ + +.size > span, +.layout-size > span { + cursor: default; +} + +/* Hide all values when the view is inactive */ + +body.inactive > #header > #element-position, +body.inactive > #header > #element-size, +body.inactive > #main > p, +#layout-container.inactive > #layout-header > #layout-element-position, +#layout-container.inactive > #layout-header > #layout-element-size, +#layout-container.inactive > #layout-main > p { + visibility: hidden; +} + +#layout-position-group { + display: flex; + align-items: center; +} + +#layout-geometry-editor { + visibility: hidden; +} + +#layout-geometry-editor::before { + background: url(images/geometry-editor.svg) no-repeat center center / 16px 16px; +} diff --git a/LCARStrek/browser/devtools/layoutview.css b/LCARStrek/devtools/layoutview.css similarity index 100% rename from LCARStrek/browser/devtools/layoutview.css rename to LCARStrek/devtools/layoutview.css diff --git a/LCARStrek/browser/devtools/light-theme.css b/LCARStrek/devtools/light-theme.css similarity index 100% rename from LCARStrek/browser/devtools/light-theme.css rename to LCARStrek/devtools/light-theme.css diff --git a/LCARStrek/browser/devtools/magnifying-glass.png b/LCARStrek/devtools/magnifying-glass.png similarity index 100% rename from LCARStrek/browser/devtools/magnifying-glass.png rename to LCARStrek/devtools/magnifying-glass.png diff --git a/LCARStrek/browser/devtools/magnifying-glass@2x.png b/LCARStrek/devtools/magnifying-glass@2x.png similarity index 100% rename from LCARStrek/browser/devtools/magnifying-glass@2x.png rename to LCARStrek/devtools/magnifying-glass@2x.png diff --git a/LCARStrek/browser/devtools/markup-view.css b/LCARStrek/devtools/markup-view.css similarity index 100% rename from LCARStrek/browser/devtools/markup-view.css rename to LCARStrek/devtools/markup-view.css diff --git a/LCARStrek/browser/devtools/memory.css b/LCARStrek/devtools/memory.css similarity index 100% rename from LCARStrek/browser/devtools/memory.css rename to LCARStrek/devtools/memory.css diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/devtools/netmonitor.css similarity index 97% rename from LCARStrek/browser/devtools/netmonitor.css rename to LCARStrek/devtools/netmonitor.css index 61f719ec..380a6323 100644 --- a/LCARStrek/browser/devtools/netmonitor.css +++ b/LCARStrek/devtools/netmonitor.css @@ -404,7 +404,7 @@ box.requests-menu-status[code^="5"] { /* Network request details */ #details-pane-toggle { - list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png"); + list-style-image: url("chrome://devtools/skin/debugger-collapse.png"); -moz-image-region: rect(0px,16px,16px,0px); } @@ -414,7 +414,7 @@ box.requests-menu-status[code^="5"] { } #details-pane-toggle[pane-collapsed] { - list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png"); + list-style-image: url("chrome://devtools/skin/debugger-expand.png"); } #details-pane-toggle:hover, @@ -424,12 +424,12 @@ box.requests-menu-status[code^="5"] { @media (min-resolution: 1.1dppx) { #details-pane-toggle { - list-style-image: url("chrome://browser/skin/devtools/debugger-collapse@2x.png"); + list-style-image: url("chrome://devtools/skin/debugger-collapse@2x.png"); -moz-image-region: rect(0px,32px,32px,0px); } #details-pane-toggle[pane-collapsed] { - list-style-image: url("chrome://browser/skin/devtools/debugger-expand@2x.png"); + list-style-image: url("chrome://devtools/skin/debugger-expand@2x.png"); } #details-pane-toggle:active { @@ -551,7 +551,7 @@ box.requests-menu-status[code^="5"] { } .security-warning-icon { - background-image: url("alerticon-warning.png"); + background-image: url("images/alerticon-warning.png"); background-size: 13px 12px; -moz-margin-start: 5px; vertical-align: top; @@ -561,7 +561,7 @@ box.requests-menu-status[code^="5"] { @media (min-resolution: 1.1dppx) { .security-warning-icon { - background-image: url("alerticon-warning@2x.png"); + background-image: url("images/alerticon-warning@2x.png"); } } diff --git a/LCARStrek/browser/devtools/newtab.png b/LCARStrek/devtools/newtab.png similarity index 100% rename from LCARStrek/browser/devtools/newtab.png rename to LCARStrek/devtools/newtab.png diff --git a/LCARStrek/browser/devtools/newtab@2x.png b/LCARStrek/devtools/newtab@2x.png similarity index 100% rename from LCARStrek/browser/devtools/newtab@2x.png rename to LCARStrek/devtools/newtab@2x.png diff --git a/LCARStrek/browser/devtools/performance-icons.svg b/LCARStrek/devtools/performance-icons.svg similarity index 100% rename from LCARStrek/browser/devtools/performance-icons.svg rename to LCARStrek/devtools/performance-icons.svg diff --git a/LCARStrek/browser/devtools/performance.css b/LCARStrek/devtools/performance.css similarity index 99% rename from LCARStrek/browser/devtools/performance.css rename to LCARStrek/devtools/performance.css index 810abecf..a830f89c 100644 --- a/LCARStrek/browser/devtools/performance.css +++ b/LCARStrek/devtools/performance.css @@ -878,7 +878,7 @@ call-tree-item:not([origin="content"]) .call-tree-line { .opt-icon::before { content: ""; - background-image: url(chrome://browser/skin/devtools/webconsole.svg); + background-image: url(chrome://devtools/skin/webconsole.svg); background-repeat: no-repeat; background-size: 72px 60px; /* show grey "i" bubble by default */ @@ -931,7 +931,7 @@ ul.frames-list li.selected { */ menuitem.experimental-option::before { content: ""; - background-image: url(chrome://browser/skin/devtools/webconsole.svg); + background-image: url(chrome://devtools/skin/webconsole.svg); background-repeat: no-repeat; background-size: 72px 60px; width: 12px; diff --git a/LCARStrek/browser/devtools/power.svg b/LCARStrek/devtools/power.svg similarity index 100% rename from LCARStrek/browser/devtools/power.svg rename to LCARStrek/devtools/power.svg diff --git a/LCARStrek/browser/devtools/profiler-stopwatch-checked-tbutton.svg b/LCARStrek/devtools/profiler-stopwatch-checked-tbutton.svg similarity index 100% rename from LCARStrek/browser/devtools/profiler-stopwatch-checked-tbutton.svg rename to LCARStrek/devtools/profiler-stopwatch-checked-tbutton.svg diff --git a/LCARStrek/browser/devtools/profiler-stopwatch-checked.svg b/LCARStrek/devtools/profiler-stopwatch-checked.svg similarity index 100% rename from LCARStrek/browser/devtools/profiler-stopwatch-checked.svg rename to LCARStrek/devtools/profiler-stopwatch-checked.svg diff --git a/LCARStrek/browser/devtools/profiler-stopwatch-tbutton.svg b/LCARStrek/devtools/profiler-stopwatch-tbutton.svg similarity index 100% rename from LCARStrek/browser/devtools/profiler-stopwatch-tbutton.svg rename to LCARStrek/devtools/profiler-stopwatch-tbutton.svg diff --git a/LCARStrek/browser/devtools/profiler-stopwatch.png b/LCARStrek/devtools/profiler-stopwatch.png similarity index 100% rename from LCARStrek/browser/devtools/profiler-stopwatch.png rename to LCARStrek/devtools/profiler-stopwatch.png diff --git a/LCARStrek/browser/devtools/profiler-stopwatch.svg b/LCARStrek/devtools/profiler-stopwatch.svg similarity index 100% rename from LCARStrek/browser/devtools/profiler-stopwatch.svg rename to LCARStrek/devtools/profiler-stopwatch.svg diff --git a/LCARStrek/browser/devtools/projecteditor/projecteditor.css b/LCARStrek/devtools/projecteditor/projecteditor.css similarity index 100% rename from LCARStrek/browser/devtools/projecteditor/projecteditor.css rename to LCARStrek/devtools/projecteditor/projecteditor.css diff --git a/LCARStrek/browser/devtools/promisedebugger.css b/LCARStrek/devtools/promisedebugger.css similarity index 100% rename from LCARStrek/browser/devtools/promisedebugger.css rename to LCARStrek/devtools/promisedebugger.css diff --git a/LCARStrek/browser/devtools/pseudo-class.svg b/LCARStrek/devtools/pseudo-class.svg similarity index 100% rename from LCARStrek/browser/devtools/pseudo-class.svg rename to LCARStrek/devtools/pseudo-class.svg diff --git a/LCARStrek/browser/devtools/responsive-horizontal-resizer.png b/LCARStrek/devtools/responsive-horizontal-resizer.png similarity index 100% rename from LCARStrek/browser/devtools/responsive-horizontal-resizer.png rename to LCARStrek/devtools/responsive-horizontal-resizer.png diff --git a/LCARStrek/browser/devtools/responsive-horizontal-resizer@2x.png b/LCARStrek/devtools/responsive-horizontal-resizer@2x.png similarity index 100% rename from LCARStrek/browser/devtools/responsive-horizontal-resizer@2x.png rename to LCARStrek/devtools/responsive-horizontal-resizer@2x.png diff --git a/LCARStrek/browser/devtools/responsive-se-resizer.png b/LCARStrek/devtools/responsive-se-resizer.png similarity index 100% rename from LCARStrek/browser/devtools/responsive-se-resizer.png rename to LCARStrek/devtools/responsive-se-resizer.png diff --git a/LCARStrek/browser/devtools/responsive-se-resizer@2x.png b/LCARStrek/devtools/responsive-se-resizer@2x.png similarity index 100% rename from LCARStrek/browser/devtools/responsive-se-resizer@2x.png rename to LCARStrek/devtools/responsive-se-resizer@2x.png diff --git a/LCARStrek/browser/devtools/responsive-vertical-resizer.png b/LCARStrek/devtools/responsive-vertical-resizer.png similarity index 100% rename from LCARStrek/browser/devtools/responsive-vertical-resizer.png rename to LCARStrek/devtools/responsive-vertical-resizer.png diff --git a/LCARStrek/browser/devtools/responsive-vertical-resizer@2x.png b/LCARStrek/devtools/responsive-vertical-resizer@2x.png similarity index 100% rename from LCARStrek/browser/devtools/responsive-vertical-resizer@2x.png rename to LCARStrek/devtools/responsive-vertical-resizer@2x.png diff --git a/LCARStrek/browser/devtools/responsiveui-home.png b/LCARStrek/devtools/responsiveui-home.png similarity index 100% rename from LCARStrek/browser/devtools/responsiveui-home.png rename to LCARStrek/devtools/responsiveui-home.png diff --git a/LCARStrek/browser/devtools/responsiveui-rotate.png b/LCARStrek/devtools/responsiveui-rotate.png similarity index 100% rename from LCARStrek/browser/devtools/responsiveui-rotate.png rename to LCARStrek/devtools/responsiveui-rotate.png diff --git a/LCARStrek/browser/devtools/responsiveui-rotate@2x.png b/LCARStrek/devtools/responsiveui-rotate@2x.png similarity index 100% rename from LCARStrek/browser/devtools/responsiveui-rotate@2x.png rename to LCARStrek/devtools/responsiveui-rotate@2x.png diff --git a/LCARStrek/browser/devtools/responsiveui-screenshot.png b/LCARStrek/devtools/responsiveui-screenshot.png similarity index 100% rename from LCARStrek/browser/devtools/responsiveui-screenshot.png rename to LCARStrek/devtools/responsiveui-screenshot.png diff --git a/LCARStrek/browser/devtools/responsiveui-screenshot@2x.png b/LCARStrek/devtools/responsiveui-screenshot@2x.png similarity index 100% rename from LCARStrek/browser/devtools/responsiveui-screenshot@2x.png rename to LCARStrek/devtools/responsiveui-screenshot@2x.png diff --git a/LCARStrek/browser/devtools/responsiveui-touch.png b/LCARStrek/devtools/responsiveui-touch.png similarity index 100% rename from LCARStrek/browser/devtools/responsiveui-touch.png rename to LCARStrek/devtools/responsiveui-touch.png diff --git a/LCARStrek/browser/devtools/responsiveui-touch@2x.png b/LCARStrek/devtools/responsiveui-touch@2x.png similarity index 100% rename from LCARStrek/browser/devtools/responsiveui-touch@2x.png rename to LCARStrek/devtools/responsiveui-touch@2x.png diff --git a/LCARStrek/browser/devtools/rewind.png b/LCARStrek/devtools/rewind.png similarity index 100% rename from LCARStrek/browser/devtools/rewind.png rename to LCARStrek/devtools/rewind.png diff --git a/LCARStrek/browser/devtools/rewind@2x.png b/LCARStrek/devtools/rewind@2x.png similarity index 100% rename from LCARStrek/browser/devtools/rewind@2x.png rename to LCARStrek/devtools/rewind@2x.png diff --git a/LCARStrek/devtools/rules.css b/LCARStrek/devtools/rules.css new file mode 100644 index 00000000..84a65bae --- /dev/null +++ b/LCARStrek/devtools/rules.css @@ -0,0 +1,522 @@ +/* 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/. */ + +/* CSS Variables specific to this panel that aren't defined by the themes */ +.theme-light, +.theme-dark, +.theme-firebug { + --rule-highlight-background-color: #402000; + --rule-filter-icon: url(images/magnifying-glass.png); +} + +/* Rule View Tabpanel */ + +.theme-firebug .ruleview { +/* font-family: monospace; + font-size: 11px;*/ +} + +#sidebar-panel-ruleview { + margin: 0; + display: flex; + flex-direction: column; + width: 100%; + /* Bug 1243598 - Reduce the container height by the tab height to make room + for the tabs above. */ + height: calc(100% - 24px); + position: absolute; +} + +/* Rule View Toolbar */ + +#ruleview-toolbar-container { + display: flex; + flex-direction: column; + height: auto; +} + +#ruleview-toolbar { + display: flex; + height: 23px; +} + +#ruleview-toolbar > .devtools-searchbox:first-child { + padding-inline-start: 0px; +} + +#ruleview-command-toolbar { + display: flex; +} + +#pseudo-class-panel { + display: flex; + height: 24px; + overflow: hidden; + transition: height 150ms ease; +} + +#pseudo-class-panel[hidden] { + height: 0px; +} + +#pseudo-class-panel > label { + -moz-user-select: none; + flex-grow: 1; + display: flex; + align-items: center; +} + +/* Rule View Container */ + +#ruleview-container { + -moz-user-select: text; + overflow: auto; + flex: auto; +} + +#ruleview-container.non-interactive { + pointer-events: none; + visibility: collapse; + transition: visibility 0.25s; +} + +.ruleview-code { + direction: ltr; +} + +.ruleview-property:not(:hover) > .ruleview-enableproperty { + pointer-events: none; +} + +.ruleview-expandable-container[hidden] { + display: none; +} + +.ruleview-expandable-container { + display: block; +} + +.ruleview-namecontainer { + cursor: text; +} + +.ruleview-propertyvaluecontainer { + cursor: text; + padding-right: 5px; +} + +.ruleview-propertyvaluecontainer a { + cursor: pointer; +} + +.ruleview-computedlist, +.ruleview-overridden-rule-filter[hidden], +.ruleview-warning[hidden] { + display: none; +} + +.ruleview-computedlist[user-open], +.ruleview-computedlist[filter-open] { + display: block; +} + +.ruleview-rule-source { + text-align: end; + float: right; + -moz-user-select: none; + margin-bottom: 2px; +} + +.ruleview-rule-source > label { + cursor: pointer; + margin: 0; +} + +.ruleview-rule-source[unselectable], +.ruleview-rule-source[unselectable] > label { + cursor: default; +} + +.theme-firebug .ruleview-rule-source label { + font-family: var(--proportional-font-family); + font-weight: bold; + color: #0000FF; +} + +.ruleview-rule-source:not([unselectable]):hover { + text-decoration: underline; +} + +.ruleview-header { + border-top-width: 1px; + border-bottom-width: 1px; + border-top-style: solid; + border-bottom-style: solid; + padding: 1px 4px; + -moz-user-select: none; + word-wrap: break-word; + vertical-align: middle; + min-height: 1.5em; + line-height: 1.5em; + margin-top: -1px; +} + +.theme-firebug .theme-gutter.ruleview-header { + font-family: var(--proportional-font-family); + font-weight: bold; + color: inherit; + border: none; + margin: 4px 0; + padding: 3px 4px 2px 4px; + line-height: inherit; + min-height: 0; + background: var(--theme-header-background); +} + +:root[platform="win"] .ruleview-header, +:root[platform="linux"] .ruleview-header { + margin-top: 4px; +} + +.ruleview-header.ruleview-expandable-header { + cursor: pointer; +} + +.ruleview-rule-pseudo-element { + padding-left:20px; + border-left: solid 10px; +} + +.ruleview-rule, +#noResults { + padding: 2px 4px; +} + +/** + * Display rules that don't match the current selected element and uneditable + * user agent styles differently + */ +.ruleview-rule[unmatched=true], +.ruleview-rule[uneditable=true] { + background: var(--theme-tab-toolbar-background); +} + +.ruleview-rule[uneditable=true] :focus { + outline: none; +} + +.ruleview-rule[uneditable=true] .theme-link { + color: var(--theme-highlight-bluegrey); +} + +.ruleview-rule[uneditable=true] .ruleview-enableproperty { + visibility: hidden; +} + +.ruleview-rule[uneditable=true] .ruleview-swatch { + cursor: default; +} + +.ruleview-rule[uneditable=true] .ruleview-namecontainer > .ruleview-propertyname, +.ruleview-rule[uneditable=true] .ruleview-propertyvaluecontainer > +.ruleview-propertyvalue { + border-bottom-color: transparent; +} + +.theme-firebug .ruleview-namecontainer > .ruleview-propertyname, +.theme-firebug .ruleview-propertycontainer > .ruleview-propertyvalue { + border-bottom: none; +} + +.theme-firebug .ruleview-namecontainer > .ruleview-propertyname { + color: var(--rule-property-name); +} + +.theme-firebug .ruleview-propertycontainer > .ruleview-propertyvalue { + color: var(--rule-property-value); +} + +.theme-firebug .ruleview-overridden .ruleview-propertyname, +.theme-firebug .ruleview-overridden .ruleview-propertyvalue { + text-decoration: line-through; +} + +.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-namecontainer, +.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-namecontainer *, +.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-propertycontainer, +.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-propertycontainer * { + color: #A09090; +} + +.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-computedlist * { + color: #A09090; +} + +#noResults { +/* font: message-box;*/ + color: #A09090; +} + +.ruleview-rule + .ruleview-rule { + border-top-width: 1px; + border-top-style: dotted; +} + +.theme-firebug .ruleview-rule + .ruleview-rule { + border-top: none; +} + +.ruleview-warning { + background-image: url(images/alerticon-warning.png); + background-size: 13px 12px; + margin-inline-start: 5px; + display: inline-block; + width: 13px; + height: 12px; +} + +@media (min-resolution: 1.1dppx) { + .ruleview-warning { + background-image: url(images/alerticon-warning@2x.png); + } +} + +.ruleview-overridden-rule-filter { + background-image: var(--rule-filter-icon); + background-size: 11px 11px; + margin-inline-start: 5px; + display: inline-block; + width: 11px; + height: 11px; +} + +.ruleview-ruleopen { + padding-inline-end: 5px; +} + +.ruleview-ruleclose { + cursor: text; + padding-right: 20px; +} + +.ruleview-propertylist { + list-style: none; + padding: 0; + margin: 0; +} + +.ruleview-rule:not(:hover) .ruleview-enableproperty { + visibility: hidden; +} + +.ruleview-expander { + vertical-align: middle; + display: inline-block; +} + +.ruleview-newproperty { + /* (enable checkbox width: 12px) + (expander width: 15px) */ + margin-inline-start: 27px; +} + +.ruleview-namecontainer, +.ruleview-propertyvaluecontainer, +.ruleview-propertyname, +.ruleview-propertyvalue { + text-decoration: inherit; +} + +.ruleview-computedlist { + list-style: none; + padding: 0; +} + +.ruleview-computed { + margin-inline-start: 35px; +} + +.ruleview-swatch { + cursor: pointer; + border-radius: 50%; + width: 0.9em; + height: 0.9em; + vertical-align: middle; + /* align the swatch with its value */ + margin-top: -1px; + margin-inline-end: 5px; + display: inline-block; + position: relative; +} + +.ruleview-colorswatch::before { + content: ''; + background-color: #9C9CFF; + background-image: linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090), + linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090); + background-size: 12px 12px; + background-position: 0 0, 6px 6px; + position: absolute; + border-radius: 50%; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; +} + +.ruleview-bezierswatch { + background: url("chrome://devtools/skin/images/cubic-bezier-swatch.png"); + background-size: 1em; +} + +.ruleview-filterswatch { + background: url("chrome://devtools/skin/images/filter-swatch.svg"); + background-size: 1em; +} + +.ruleview-angleswatch { + background: url("chrome://devtools/skin/images/angle-swatch.svg"); + background-size: 1em; +} + +@media (min-resolution: 1.1dppx) { + .ruleview-bezierswatch { + background: url("chrome://devtools/skin/images/cubic-bezier-swatch@2x.png"); + background-size: 1em; + } +} + +.ruleview-overridden { + text-decoration: line-through; +} + +.theme-light .ruleview-overridden { + text-decoration-color: var(--theme-content-color3); +} + +.styleinspector-propertyeditor { + border: 1px solid #CCC; + padding: 0; + margin: -1px -3px -1px -1px; +} + +.theme-firebug .styleinspector-propertyeditor { + border: 1px solid var(--theme-splitter-color); + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); +} + +.ruleview-property { + border-left: 3px solid transparent; + clear: right; +} + +.ruleview-propertycontainer > * { + vertical-align: middle; +} + +.ruleview-property[dirty] { + border-left-color: var(--theme-highlight-green); +} + +.ruleview-highlight { + background-color: var(--rule-highlight-background-color); +} + +.ruleview-namecontainer > .ruleview-propertyname, +.ruleview-propertyvaluecontainer > .ruleview-propertyvalue { + border-bottom: 1px dashed transparent; +} + +.ruleview-namecontainer:hover > .ruleview-propertyname, +.ruleview-propertyvaluecontainer:hover > .ruleview-propertyvalue { + border-bottom-color: hsl(0,0%,50%); +} + +.ruleview-selectorcontainer { + word-wrap: break-word; + cursor: text; +} + +.ruleview-selector-separator, .ruleview-selector-unmatched { + color: #888; +} + +.ruleview-selector-matched > .ruleview-selector-attribute { + /* TODO: Bug 1178535 Awaiting UX feedback on highlight colors */ +} + +.ruleview-selector-matched > .ruleview-selector-pseudo-class { + /* TODO: Bug 1178535 Awaiting UX feedback on highlight colors */ +} + +.ruleview-selector-matched > .ruleview-selector-pseudo-class-lock { + font-weight: bold; + color: var(--theme-highlight-orange); +} + +.theme-firebug .ruleview-selector > .ruleview-selector-matched, +.theme-firebug .ruleview-selector > .ruleview-selector-separator, +.theme-firebug .ruleview-selector > .ruleview-selector-unmatched { + color: inherit; +} + +.ruleview-selectorhighlighter { + background: url("chrome://devtools/skin/images/vview-open-inspector.png") no-repeat 0 0; + padding-left: 16px; + margin-left: 5px; + cursor: pointer; +} + +.ruleview-selectorhighlighter:hover { + filter: url(images/filters.svg#checked-icon-state); +} + +.ruleview-selectorhighlighter:active, +.ruleview-selectorhighlighter.highlighted { + filter: url(images/filters.svg#checked-icon-state) brightness(0.9); +} + +#ruleview-add-rule-button::before { + background-image: url("chrome://devtools/skin/images/add.svg"); + background-size: cover; +} + +#pseudo-class-panel-toggle::before { + background-image: url("chrome://devtools/skin/images/pseudo-class.svg"); + background-size: cover; +} + +.ruleview-overridden-rule-filter { + opacity: 0.8; +} +.ruleview-overridden-rule-filter:hover { + opacity: 1; +} + +.theme-firebug .ruleview-overridden { + text-decoration: none; +} + +/* Firebug theme disable/enable CSS rule. Firebug theme uses its own + icons to indicate when CSS rules can be disabled or enabled. + +.theme-firebug .ruleview-rule .theme-checkbox { + background-repeat: no-repeat; + background-size: 12px 12px; + background-image: url(chrome://devtools/skin/images/firebug/disable.svg); + background-position: 0 0; +} + +.theme-firebug .ruleview-rule .theme-checkbox:not([checked]){ + filter: grayscale(1); +} + +.theme-firebug .ruleview-rule .theme-checkbox[checked] { + background-position: 0 0; +} + +.theme-firebug .ruleview-property:not(:hover) .ruleview-enableproperty { + visibility: hidden; +} + */ diff --git a/LCARStrek/browser/devtools/ruleview.css b/LCARStrek/devtools/ruleview.css similarity index 90% rename from LCARStrek/browser/devtools/ruleview.css rename to LCARStrek/devtools/ruleview.css index c863d174..0f79bbed 100644 --- a/LCARStrek/browser/devtools/ruleview.css +++ b/LCARStrek/devtools/ruleview.css @@ -93,7 +93,7 @@ } .ruleview-warning { - background: url("alerticon-warning.png"); + background: url("images/alerticon-warning.png"); -moz-margin-start: 5px; display: inline-block; width: 13px; @@ -102,7 +102,7 @@ @media (min-resolution: 1.1dppx) { .ruleview-warning { - background-image: url("alerticon-warning@2x.png"); + background-image: url("images/alerticon-warning@2x.png"); } } @@ -187,13 +187,13 @@ } .ruleview-bezierswatch { - background: url("chrome://browser/skin/devtools/cubic-bezier-swatch.png"); + background: url("chrome://devtools/skin/images/cubic-bezier-swatch.png"); background-size: 1em; } @media (min-resolution: 1.1dppx) { .ruleview-bezierswatch { - background: url("chrome://browser/skin/devtools/cubic-bezier-swatch@2x.png"); + background: url("chrome://devtools/skin/images/cubic-bezier-swatch@2x.png"); background-size: 1em; } } @@ -257,7 +257,7 @@ } .ruleview-selectorhighlighter { - background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0; + background: url("chrome://devtools/skin/images/vview-open-inspector.png") no-repeat 0 0; padding-left: 16px; margin-left: 5px; cursor: pointer; @@ -277,20 +277,20 @@ } #ruleview-add-rule-button::before { - background-image: url("chrome://browser/skin/devtools/add.svg#add"); + background-image: url("chrome://devtools/skin/images/add.svg#add"); background-size: cover; } #ruleview-add-rule-button:hover::before { - background-image: url("chrome://browser/skin/devtools/add.svg#add-checked"); + background-image: url("chrome://devtools/skin/images/add.svg#add-checked"); } #pseudo-class-panel-toggle::before { - background-image: url("chrome://browser/skin/devtools/pseudo-class.svg#pseudo-class"); + background-image: url("chrome://devtools/skin/pseudo-class.svg#pseudo-class"); background-size: cover; } #pseudo-class-panel-toggle:hover::before, #pseudo-class-panel-toggle[checked]::before { - background-image: url("chrome://browser/skin/devtools/pseudo-class.svg#pseudo-class-checked"); + background-image: url("chrome://devtools/skin/pseudo-class.svg#pseudo-class-checked"); filter: none !important; } diff --git a/LCARStrek/browser/devtools/scratchpad.css b/LCARStrek/devtools/scratchpad.css similarity index 100% rename from LCARStrek/browser/devtools/scratchpad.css rename to LCARStrek/devtools/scratchpad.css diff --git a/LCARStrek/browser/devtools/search-clear-failed.svg b/LCARStrek/devtools/search-clear-failed.svg similarity index 100% rename from LCARStrek/browser/devtools/search-clear-failed.svg rename to LCARStrek/devtools/search-clear-failed.svg diff --git a/LCARStrek/browser/devtools/search-clear.svg b/LCARStrek/devtools/search-clear.svg similarity index 100% rename from LCARStrek/browser/devtools/search-clear.svg rename to LCARStrek/devtools/search-clear.svg diff --git a/LCARStrek/browser/devtools/search.png b/LCARStrek/devtools/search.png similarity index 100% rename from LCARStrek/browser/devtools/search.png rename to LCARStrek/devtools/search.png diff --git a/LCARStrek/browser/devtools/shadereditor.css b/LCARStrek/devtools/shadereditor.css similarity index 100% rename from LCARStrek/browser/devtools/shadereditor.css rename to LCARStrek/devtools/shadereditor.css diff --git a/LCARStrek/browser/devtools/splitview.css b/LCARStrek/devtools/splitview.css similarity index 100% rename from LCARStrek/browser/devtools/splitview.css rename to LCARStrek/devtools/splitview.css diff --git a/LCARStrek/browser/devtools/storage.css b/LCARStrek/devtools/storage.css similarity index 92% rename from LCARStrek/browser/devtools/storage.css rename to LCARStrek/devtools/storage.css index 5c6e66a3..ae82f52a 100644 --- a/LCARStrek/browser/devtools/storage.css +++ b/LCARStrek/devtools/storage.css @@ -15,7 +15,7 @@ } #storage-tree .tree-widget-item[type="store"]:after { - background-image: url("chrome://browser/skin/devtools/filetype-store.svg"); + background-image: url("chrome://devtools/skin/filetype-store.svg"); background-size: 18px 18px; background-position: -1px 0; } diff --git a/LCARStrek/browser/devtools/styleeditor.css b/LCARStrek/devtools/styleeditor.css similarity index 100% rename from LCARStrek/browser/devtools/styleeditor.css rename to LCARStrek/devtools/styleeditor.css diff --git a/LCARStrek/browser/devtools/timeline-filter.svg b/LCARStrek/devtools/timeline-filter.svg similarity index 100% rename from LCARStrek/browser/devtools/timeline-filter.svg rename to LCARStrek/devtools/timeline-filter.svg diff --git a/LCARStrek/browser/devtools/toggle-tools.png b/LCARStrek/devtools/toggle-tools.png similarity index 100% rename from LCARStrek/browser/devtools/toggle-tools.png rename to LCARStrek/devtools/toggle-tools.png diff --git a/LCARStrek/browser/devtools/toggle-tools@2x.png b/LCARStrek/devtools/toggle-tools@2x.png similarity index 100% rename from LCARStrek/browser/devtools/toggle-tools@2x.png rename to LCARStrek/devtools/toggle-tools@2x.png diff --git a/LCARStrek/browser/devtools/tool-debugger-paused.svg b/LCARStrek/devtools/tool-debugger-paused.svg similarity index 100% rename from LCARStrek/browser/devtools/tool-debugger-paused.svg rename to LCARStrek/devtools/tool-debugger-paused.svg diff --git a/LCARStrek/browser/devtools/tool-debugger.svg b/LCARStrek/devtools/tool-debugger.svg similarity index 100% rename from LCARStrek/browser/devtools/tool-debugger.svg rename to LCARStrek/devtools/tool-debugger.svg diff --git a/LCARStrek/browser/devtools/tool-inspector.svg b/LCARStrek/devtools/tool-inspector.svg similarity index 100% rename from LCARStrek/browser/devtools/tool-inspector.svg rename to LCARStrek/devtools/tool-inspector.svg diff --git a/LCARStrek/browser/devtools/tool-network.svg b/LCARStrek/devtools/tool-network.svg similarity index 100% rename from LCARStrek/browser/devtools/tool-network.svg rename to LCARStrek/devtools/tool-network.svg diff --git a/LCARStrek/browser/devtools/tool-options-tbutton.svg b/LCARStrek/devtools/tool-options-tbutton.svg similarity index 100% rename from LCARStrek/browser/devtools/tool-options-tbutton.svg rename to LCARStrek/devtools/tool-options-tbutton.svg diff --git a/LCARStrek/browser/devtools/tool-options.svg b/LCARStrek/devtools/tool-options.svg similarity index 100% rename from LCARStrek/browser/devtools/tool-options.svg rename to LCARStrek/devtools/tool-options.svg diff --git a/LCARStrek/browser/devtools/tool-profiler-active.svg b/LCARStrek/devtools/tool-profiler-active.svg similarity index 100% rename from LCARStrek/browser/devtools/tool-profiler-active.svg rename to LCARStrek/devtools/tool-profiler-active.svg diff --git a/LCARStrek/browser/devtools/tool-profiler.svg b/LCARStrek/devtools/tool-profiler.svg similarity index 100% rename from LCARStrek/browser/devtools/tool-profiler.svg rename to LCARStrek/devtools/tool-profiler.svg diff --git a/LCARStrek/browser/devtools/tool-scratchpad.svg b/LCARStrek/devtools/tool-scratchpad.svg similarity index 100% rename from LCARStrek/browser/devtools/tool-scratchpad.svg rename to LCARStrek/devtools/tool-scratchpad.svg diff --git a/LCARStrek/browser/devtools/tool-shadereditor.svg b/LCARStrek/devtools/tool-shadereditor.svg similarity index 100% rename from LCARStrek/browser/devtools/tool-shadereditor.svg rename to LCARStrek/devtools/tool-shadereditor.svg diff --git a/LCARStrek/browser/devtools/tool-storage.svg b/LCARStrek/devtools/tool-storage.svg similarity index 100% rename from LCARStrek/browser/devtools/tool-storage.svg rename to LCARStrek/devtools/tool-storage.svg diff --git a/LCARStrek/browser/devtools/tool-styleeditor.svg b/LCARStrek/devtools/tool-styleeditor.svg similarity index 100% rename from LCARStrek/browser/devtools/tool-styleeditor.svg rename to LCARStrek/devtools/tool-styleeditor.svg diff --git a/LCARStrek/browser/devtools/tool-webaudio.svg b/LCARStrek/devtools/tool-webaudio.svg similarity index 100% rename from LCARStrek/browser/devtools/tool-webaudio.svg rename to LCARStrek/devtools/tool-webaudio.svg diff --git a/LCARStrek/browser/devtools/tool-webconsole.svg b/LCARStrek/devtools/tool-webconsole.svg similarity index 100% rename from LCARStrek/browser/devtools/tool-webconsole.svg rename to LCARStrek/devtools/tool-webconsole.svg diff --git a/LCARStrek/browser/devtools/tracer-icon.png b/LCARStrek/devtools/tracer-icon.png similarity index 100% rename from LCARStrek/browser/devtools/tracer-icon.png rename to LCARStrek/devtools/tracer-icon.png diff --git a/LCARStrek/browser/devtools/tracer-icon@2x.png b/LCARStrek/devtools/tracer-icon@2x.png similarity index 100% rename from LCARStrek/browser/devtools/tracer-icon@2x.png rename to LCARStrek/devtools/tracer-icon@2x.png diff --git a/LCARStrek/browser/devtools/undock.png b/LCARStrek/devtools/undock.png similarity index 100% rename from LCARStrek/browser/devtools/undock.png rename to LCARStrek/devtools/undock.png diff --git a/LCARStrek/browser/devtools/undock@2x.png b/LCARStrek/devtools/undock@2x.png similarity index 100% rename from LCARStrek/browser/devtools/undock@2x.png rename to LCARStrek/devtools/undock@2x.png diff --git a/LCARStrek/browser/devtools/webaudioeditor.css b/LCARStrek/devtools/webaudioeditor.css similarity index 95% rename from LCARStrek/browser/devtools/webaudioeditor.css rename to LCARStrek/devtools/webaudioeditor.css index 119b597f..1816c41a 100644 --- a/LCARStrek/browser/devtools/webaudioeditor.css +++ b/LCARStrek/devtools/webaudioeditor.css @@ -69,10 +69,10 @@ g.edgeLabel tspan { */ .theme-light .nodes g.bypassed rect { - fill: url(chrome://browser/skin/devtools/filters.svg#bypass-light); + fill: url(chrome://devtools/skin/filters.svg#bypass-light); } .theme-dark .nodes g.bypassed rect { - fill: url(chrome://browser/skin/devtools/filters.svg#bypass-dark); + fill: url(chrome://devtools/skin/filters.svg#bypass-dark); } .nodes g.bypassed.selected rect { stroke: var(--theme-selection-background); @@ -127,7 +127,7 @@ g.selected text { } .web-audio-inspector .error { - background-image: url("alerticon-warning.png"); + background-image: url("images/alerticon-warning.png"); background-size: 13px 12px; -moz-appearance: none; opacity: 0; @@ -184,7 +184,7 @@ g.selected text { } .web-audio-inspector .error { - background-image: url("alerticon-warning@2x.png"); + background-image: url("images/alerticon-warning@2x.png"); } } diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/devtools/webconsole.css similarity index 96% rename from LCARStrek/browser/devtools/webconsole.css rename to LCARStrek/devtools/webconsole.css index c8ee2f6b..c7d43527 100644 --- a/LCARStrek/browser/devtools/webconsole.css +++ b/LCARStrek/devtools/webconsole.css @@ -59,7 +59,7 @@ a { .message > .icon::before { content: ""; - background-image: url("chrome://browser/skin/devtools/webconsole.svg"); + background-image: url("chrome://devtools/skin/webconsole.svg"); background-position: 12px 12px; background-repeat: no-repeat; background-size: 72px 60px; @@ -404,14 +404,14 @@ a { } .jsterm-input-node { - background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16); + background-image: -moz-image-rect(url("chrome://devtools/skin/commandline-icon.png"), 0, 32, 16, 16); background-repeat: no-repeat; background-size: 16px 16px; } @media (min-resolution: 1.1dppx) { .jsterm-input-node { - background-image: -moz-image-rect(url('chrome://browser/skin/devtools/commandline-icon@2x.png'), 0, 64, 32, 32); + background-image: -moz-image-rect(url('chrome://devtools/skin/commandline-icon@2x.png'), 0, 64, 32, 32); } } @@ -530,7 +530,7 @@ a { /* Open DOMNode in inspector button */ .open-inspector { - background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0; + background: url("chrome://devtools/skin/images/vview-open-inspector.png") no-repeat 0 0; padding-left: 16px; margin-left: 5px; cursor: pointer; diff --git a/LCARStrek/browser/devtools/webconsole.svg b/LCARStrek/devtools/webconsole.svg similarity index 100% rename from LCARStrek/browser/devtools/webconsole.svg rename to LCARStrek/devtools/webconsole.svg diff --git a/LCARStrek/browser/devtools/widgets.css b/LCARStrek/devtools/widgets.css similarity index 97% rename from LCARStrek/browser/devtools/widgets.css rename to LCARStrek/devtools/widgets.css index f6caf6b1..90532c8b 100644 --- a/LCARStrek/browser/devtools/widgets.css +++ b/LCARStrek/devtools/widgets.css @@ -586,7 +586,7 @@ } .variable-or-property-non-writable-icon { - background: url("chrome://browser/skin/devtools/vview-lock.png") no-repeat; + background: url("chrome://devtools/skin/images/vview-lock.png") no-repeat; background-size: cover; width: 16px; height: 16px; @@ -595,7 +595,7 @@ @media (min-resolution: 1.1dppx) { .variable-or-property-non-writable-icon > .title:after { - background-image: url("chrome://browser/skin/devtools/vview-lock@2x.png"); + background-image: url("chrome://devtools/skin/images/vview-lock@2x.png"); } } @@ -687,7 +687,7 @@ /* Variables and properties editing */ .variables-view-delete { - background: url("chrome://browser/skin/devtools/vview-delete.png"); + background: url("chrome://devtools/skin/images/vview-delete.png"); background-size: cover; width: 16px; height: 16px; @@ -695,7 +695,7 @@ @media (min-resolution: 1.1dppx) { .variables-view-delete { - background-image: url("chrome://browser/skin/devtools/vview-delete@2x.png"); + background-image: url("chrome://devtools/skin/images/vview-delete@2x.png"); } } @@ -712,7 +712,7 @@ } .variables-view-edit { - background: url("chrome://browser/skin/devtools/vview-edit.png"); + background: url("chrome://devtools/skin/images/vview-edit.png"); background-size: cover; width: 16px; height: 16px; @@ -721,7 +721,7 @@ @media (min-resolution: 1.1dppx) { .variables-view-edit { - background-image: url("chrome://browser/skin/devtools/vview-edit@2x.png"); + background-image: url("chrome://devtools/skin/images/vview-edit@2x.png"); } } @@ -738,7 +738,7 @@ } .variables-view-open-inspector { - background: url("chrome://browser/skin/devtools/vview-open-inspector.png"); + background: url("chrome://devtools/skin/images/vview-open-inspector.png"); background-size: cover; width: 16px; height: 16px; @@ -1253,7 +1253,7 @@ table-widget-body, float: left; margin: 3px 2px -3px; background-repeat: no-repeat; - background-image: url("chrome://browser/skin/devtools/controls.png"); + background-image: url("chrome://devtools/skin/controls.png"); background-size: 56px 28px; cursor: pointer; background-position: -28px -14px; @@ -1303,7 +1303,7 @@ table-widget-body, @media (min-resolution: 1.1dppx) { .tree-widget-item:before { - background-image: url("chrome://browser/skin/devtools/controls@2x.png"); + background-image: url("chrome://devtools/skin/controls@2x.png"); } } @@ -1373,18 +1373,18 @@ table-widget-body, } .tree-widget-item[type="dir"]::after { - background-image: url("chrome://browser/skin/devtools/filetype-dir-close.svg"); + background-image: url("chrome://devtools/skin/filetype-dir-close.svg"); background-position: 2px 0; background-size: auto 16px; width: 20px; } .tree-widget-item[type="dir"][expanded]:not([empty])::after { - background-image: url("chrome://browser/skin/devtools/filetype-dir-open.svg"); + background-image: url("chrome://devtools/skin/filetype-dir-open.svg"); } .tree-widget-item[type="url"]::after { - background-image: url("chrome://browser/skin/devtools/filetype-globe.svg"); + background-image: url("chrome://devtools/skin/filetype-globe.svg"); background-size: auto 18px; width: 18px; }