Web Inspector: Resources: Display outline around images when viewing image collections
authornvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 30 Jul 2019 22:25:14 +0000 (22:25 +0000)
committernvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 30 Jul 2019 22:25:14 +0000 (22:25 +0000)
https://bugs.webkit.org/show_bug.cgi?id=200212

Reviewed by Devin Rousso.

* UserInterface/Views/CollectionContentView.css:
(.content-view.collection .resource.image img):
(.content-view.collection .resource.image img:hover):

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@248019 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Source/WebInspectorUI/ChangeLog
Source/WebInspectorUI/UserInterface/Views/CollectionContentView.css

index 85256cc..b135dbf 100644 (file)
@@ -1,3 +1,14 @@
+2019-07-30  Nikita Vasilyev  <nvasilyev@apple.com>
+
+        Web Inspector: Resources: Display outline around images when viewing image collections
+        https://bugs.webkit.org/show_bug.cgi?id=200212
+
+        Reviewed by Devin Rousso.
+
+        * UserInterface/Views/CollectionContentView.css:
+        (.content-view.collection .resource.image img):
+        (.content-view.collection .resource.image img:hover):
+
 2019-07-29  Devin Rousso  <drousso@apple.com>
 
         Web Inspector: Resources: add a "Show Grid" navigation item for the Images collection
index 707ee68..fe33e7a 100644 (file)
     flex-grow: 1;
 }
 
+.content-view.collection .resource.image img {
+    outline: 0.5px solid var(--border-color);
+}
+
+.content-view.collection .resource.image img:hover {
+    outline-color: var(--glyph-color-active)
+}
+
 .content-view.collection > .content-view[hidden] {
     display: none;
 }