Title: [294770] trunk/Source/WebInspectorUI/UserInterface/Views/ScreenshotsTimelineView.css
- Revision
- 294770
- Author
- [email protected]
- Date
- 2022-05-24 15:24:37 -0700 (Tue, 24 May 2022)
Log Message
Web Inspector: Timelines Tab: Screenshots: not enough space between images
https://bugs.webkit.org/show_bug.cgi?id=240849
Reviewed by Patrick Angle.
* Source/WebInspectorUI/UserInterface/Views/ScreenshotsTimelineView.css:
(.timeline-view.screenshots > img):
(.timeline-view.screenshots > img + img): Added.
Canonical link: https://commits.webkit.org/250935@main
Modified Paths
Diff
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ScreenshotsTimelineView.css (294769 => 294770)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ScreenshotsTimelineView.css 2022-05-24 22:18:09 UTC (rev 294769)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ScreenshotsTimelineView.css 2022-05-24 22:24:37 UTC (rev 294770)
@@ -31,13 +31,18 @@
}
.timeline-view.screenshots > img {
- max-width: 100%;
- max-height: 100%;
- margin-left: auto;
- margin-right: auto;
+ max-width: calc(80% - (var(--margin) * 2));
+ max-height: calc(100% - (var(--margin) * 2));
+ margin: var(--margin);
border: 2px solid transparent;
+
+ --margin: 20px;
}
+.timeline-view.screenshots > img + img {
+ margin-inline-start: 0;
+}
+
.timeline-view.screenshots > img.selected {
border-color: var(--glyph-color-active);
scroll-snap-align: center;
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
