webui: add compactPadding parameter to reduce message padding
Co-Authored-By: sketch <hello@sketch.dev>
Change-ID: s33c29800305d4dd2k
diff --git a/webui/src/web-components/sketch-timeline.ts b/webui/src/web-components/sketch-timeline.ts
index 77aff74..1f1182e 100644
--- a/webui/src/web-components/sketch-timeline.ts
+++ b/webui/src/web-components/sketch-timeline.ts
@@ -51,6 +51,9 @@
@property({ attribute: false })
state: State | null = null;
+ @property({ attribute: false })
+ compactPadding: boolean = false;
+
// Track initial load completion for better rendering control
@state()
private isInitialLoadComplete: boolean = false;
@@ -123,6 +126,10 @@
width: 100%;
height: 100%;
}
+
+ :host([compactpadding]) #scroll-container {
+ padding-left: 0;
+ }
#jump-to-latest {
display: none;
position: fixed;
@@ -1047,6 +1054,7 @@
.open=${false}
.firstMessageIndex=${this.firstMessageIndex}
.state=${this.state}
+ .compactPadding=${this.compactPadding}
></sketch-timeline-message>`;
},
)