Title: [294772] trunk/Source/WebInspectorUI/UserInterface/Views/ScreenshotsTimelineView.css
- Revision
- 294772
- Author
- [email protected]
- Date
- 2022-05-24 15:34:24 -0700 (Tue, 24 May 2022)
Log Message
Web Inspector: Timelines Tab: Screenshots: images should have something to make them "pop" when not selected
https://bugs.webkit.org/show_bug.cgi?id=240850
Reviewed by Patrick Angle.
* Source/WebInspectorUI/UserInterface/Views/ScreenshotsTimelineView.css:
(.timeline-view.screenshots > img):
(.timeline-view.screenshots > img.selected):
Canonical link: https://commits.webkit.org/250937@main
Modified Paths
Diff
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ScreenshotsTimelineView.css (294771 => 294772)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ScreenshotsTimelineView.css 2022-05-24 22:31:59 UTC (rev 294771)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ScreenshotsTimelineView.css 2022-05-24 22:34:24 UTC (rev 294772)
@@ -34,9 +34,10 @@
max-width: calc(80% - (var(--margin) * 2));
max-height: calc(100% - (var(--margin) * 2));
margin: var(--margin);
- border: 2px solid transparent;
+ box-shadow: var(--shadow);
--margin: 20px;
+ --shadow: 1px 2px 6px rgba(0, 0, 0, 0.58);
}
.timeline-view.screenshots > img + img {
@@ -44,7 +45,7 @@
}
.timeline-view.screenshots > img.selected {
- border-color: var(--glyph-color-active);
+ box-shadow: 0 0 0 2px var(--glyph-color-active), var(--shadow);
scroll-snap-align: center;
}
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
