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

devtools/client/debugger/src/components/Editor/Preview.css

@@ -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 <http://mozilla.org/MPL/2.0/>. */
-
-.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);
-}

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

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);
-}

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");

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)