From c6f27577adebc5ca227bf4632cc028d30adfcc2c Mon Sep 17 00:00:00 2001 From: Alexandre Poirot Date: Mon, 2 Sep 2024 13:20:39 +0000 Subject: [PATCH] Bug 1909548 - [devtools] Removing unused Preview.css file. r=devtools-reviewers,jdescottes Only Popup.css is actually used for popup previews. Differential Revision: https://phabricator.services.mozilla.com/D219090 --- .../src/components/Editor/Preview.css | 111 ------------------ .../src/components/Editor/Preview/Popup.css | 29 ----- .../src/components/shared/Popover.css | 4 - devtools/client/debugger/src/debugger.css | 1 - devtools/client/jar.mn | 1 - 5 files changed, 146 deletions(-) delete mode 100644 devtools/client/debugger/src/components/Editor/Preview.css diff --git a/devtools/client/debugger/src/components/Editor/Preview.css b/devtools/client/debugger/src/components/Editor/Preview.css deleted file mode 100644 index 7e3d788c6849..000000000000 --- a/devtools/client/debugger/src/components/Editor/Preview.css +++ /dev/null @@ -1,111 +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 . */ - -.popover .preview { - background: var(--theme-body-background); - width: 350px; - border: 1px solid var(--theme-splitter-color); - padding: 10px; - height: auto; - min-height: inherit; - max-height: 200px; - overflow: auto; - box-shadow: 1px 2px 3px var(--popup-shadow-color); -} - -.theme-dark .popover .preview { - box-shadow: 1px 2px 3px var(--popup-shadow-color); -} - -.popover .preview .header { - width: 100%; - line-height: 20px; - border-bottom: 1px solid #cccccc; - display: flex; - flex-direction: column; -} - -.popover .preview .header .link { - align-self: flex-end; - color: var(--theme-link-color); - text-decoration: underline; -} - -.selection, -.debug-expression.selection { - background-color: var(--theme-highlight-yellow); -} - -.theme-dark .selection, -.theme-dark .debug-expression.selection { - background-color: #743884; -} - -.theme-dark .cm-s-mozilla .selection, -.theme-dark .cm-s-mozilla .debug-expression.selection { - color: #e7ebee; -} - -.popover .preview .function-signature { - padding-top: 10px; -} - -.theme-dark .popover .preview { - border-color: var(--theme-body-color); -} - -.tooltip { - position: fixed; - z-index: 100; -} - -.tooltip .preview { - background: var(--theme-toolbar-background); - max-width: inherit; - border: 1px solid var(--theme-splitter-color); - box-shadow: 1px 2px 4px 1px var(--theme-toolbar-background-alt); - padding: 5px; - height: auto; - min-height: inherit; - max-height: 200px; - overflow: auto; -} - -.theme-dark .tooltip .preview { - border-color: var(--theme-body-color); -} - -.tooltip .gap { - height: 4px; - padding-top: 4px; -} - -.add-to-expression-bar { - border: 1px solid var(--theme-splitter-color); - border-top: none; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - line-height: 30px; - background: var(--theme-toolbar-background); - color: var(--theme-text-color-inactive); - padding: 0 4px; -} - -.add-to-expression-bar .prompt { - width: 1em; -} - -.add-to-expression-bar .expression-to-save-label { - width: calc(100% - 4em); -} - -.add-to-expression-bar .expression-to-save-button { - font-size: 14px; - color: var(--theme-comment); -} diff --git a/devtools/client/debugger/src/components/Editor/Preview/Popup.css b/devtools/client/debugger/src/components/Editor/Preview/Popup.css index 745d272fbbe1..7e03a471752c 100644 --- a/devtools/client/debugger/src/components/Editor/Preview/Popup.css +++ b/devtools/client/debugger/src/components/Editor/Preview/Popup.css @@ -80,35 +80,6 @@ padding-top: 0px; } -.add-to-expression-bar { - border: 1px solid var(--theme-splitter-color); - border-top: none; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - line-height: 30px; - background: var(--theme-toolbar-background); - color: var(--theme-text-color-inactive); - padding: 0 4px; -} - -.add-to-expression-bar .prompt { - width: 1em; -} - -.add-to-expression-bar .expression-to-save-label { - width: calc(100% - 4em); -} - -.add-to-expression-bar .expression-to-save-button { - font-size: 14px; - color: var(--theme-comment); -} - /* Exception popup */ .exception-popup .exception-text { color: var(--red-70); diff --git a/devtools/client/debugger/src/components/shared/Popover.css b/devtools/client/debugger/src/components/shared/Popover.css index 5da8ea4b63e7..4315a118d545 100644 --- a/devtools/client/debugger/src/components/shared/Popover.css +++ b/devtools/client/debugger/src/components/shared/Popover.css @@ -26,7 +26,3 @@ .popover:not(.orientation-right) .preview-popup { margin-left: var(--left-offset); } - -.popover .add-to-expression-bar { - margin-left: var(--left-offset); -} diff --git a/devtools/client/debugger/src/debugger.css b/devtools/client/debugger/src/debugger.css index 8a5450b500c9..86ee1ad52c35 100644 --- a/devtools/client/debugger/src/debugger.css +++ b/devtools/client/debugger/src/debugger.css @@ -29,7 +29,6 @@ @import url("chrome://devtools/content/debugger/src/components/Editor/Editor.css"); @import url("chrome://devtools/content/debugger/src/components/Editor/Footer.css"); @import url("chrome://devtools/content/debugger/src/components/Editor/InlinePreview.css"); -@import url("chrome://devtools/content/debugger/src/components/Editor/Preview.css"); @import url("chrome://devtools/content/debugger/src/components/Editor/Preview/Popup.css"); @import url("chrome://devtools/content/debugger/src/components/Editor/SearchInFileBar.css"); @import url("chrome://devtools/content/debugger/src/components/Editor/Tabs.css"); diff --git a/devtools/client/jar.mn b/devtools/client/jar.mn index 9cdeaab4febd..1e33a5b95555 100644 --- a/devtools/client/jar.mn +++ b/devtools/client/jar.mn @@ -312,7 +312,6 @@ devtools.jar: content/debugger/src/components/Editor/Editor.css (debugger/src/components/Editor/Editor.css) content/debugger/src/components/Editor/Footer.css (debugger/src/components/Editor/Footer.css) content/debugger/src/components/Editor/InlinePreview.css (debugger/src/components/Editor/InlinePreview.css) - content/debugger/src/components/Editor/Preview.css (debugger/src/components/Editor/Preview.css) content/debugger/src/components/Editor/Preview/Popup.css (debugger/src/components/Editor/Preview/Popup.css) content/debugger/src/components/Editor/SearchInFileBar.css (debugger/src/components/Editor/SearchInFileBar.css) content/debugger/src/components/Editor/Tabs.css (debugger/src/components/Editor/Tabs.css)