From a7d0f83e94232d1f8df00a5cc48b8a4ee62ddeb9 Mon Sep 17 00:00:00 2001
From: Wolfgang Beyer <wolfi@chromium.org>
Date: Thu, 24 Sep 2020 14:46:50 +0200
Subject: [PATCH] Move adorner styles to globally accessible location

We are using adorners in the issues panel. Instead of duplicating the
adorner's styles there, move them to inspectorCommon.css which makes
them available everywhere.

Change-Id: I52fd5e3df9be2cdb291a22da8397143206f59924
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2428843
Reviewed-by: Changhao Han <changhaohan@chromium.org>
Commit-Queue: Wolfgang Beyer <wolfi@chromium.org>
---
 front_end/elements/elementsTreeOutline.css | 23 ----------------------
 front_end/ui/inspectorCommon.css           | 23 ++++++++++++++++++++++
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/front_end/elements/elementsTreeOutline.css b/front_end/elements/elementsTreeOutline.css
index 28c5331a68..d11fee7bc3 100644
--- a/front_end/elements/elementsTreeOutline.css
+++ b/front_end/elements/elementsTreeOutline.css
@@ -354,26 +354,3 @@ li.hovered:not(.always-parent) + ol.children:not(.shadow-root) {
     forced-color-adjust: none;
   }
 }
-
-/** Adorner */
-.adorner-container {
-  display: inline-block;
-}
-
-.adorner-container.hidden {
-  display: none;
-}
-
-.adorner-container devtools-adorner {
-  margin-left: 3px;
-  vertical-align: text-bottom;
-}
-
-:host-context(.-theme-with-dark-background) devtools-adorner {
-  --adorner-text-color: #ffffffde;
-  --adorner-background-color: #5db0d726;
-  --adorner-border: 1px solid #5db0d780;
-  --adorner-border-focus: 1px solid #5db0d7;
-  --adorner-text-color-active: #242424;
-  --adorner-background-color-active: #5db0d7;
-}
diff --git a/front_end/ui/inspectorCommon.css b/front_end/ui/inspectorCommon.css
index 044884667b..94d1ed9839 100644
--- a/front_end/ui/inspectorCommon.css
+++ b/front_end/ui/inspectorCommon.css
@@ -575,3 +575,26 @@ input.custom-search-input::-webkit-search-cancel-button {
   from { transform: rotate(0); }
   to { transform: rotate(360deg); }
 }
+
+/** Adorner */
+.adorner-container {
+  display: inline-block;
+}
+
+.adorner-container.hidden {
+  display: none;
+}
+
+.adorner-container devtools-adorner {
+  margin-left: 3px;
+  vertical-align: text-bottom;
+}
+
+:host-context(.-theme-with-dark-background) devtools-adorner {
+  --adorner-text-color: #ffffffde;
+  --adorner-background-color: #5db0d726;
+  --adorner-border: 1px solid #5db0d780;
+  --adorner-border-focus: 1px solid #5db0d7;
+  --adorner-text-color-active: #242424;
+  --adorner-background-color-active: #5db0d7;
+}