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-message.ts b/webui/src/web-components/sketch-timeline-message.ts
index 37bd4ce..bad9e43 100644
--- a/webui/src/web-components/sketch-timeline-message.ts
+++ b/webui/src/web-components/sketch-timeline-message.ts
@@ -72,6 +72,9 @@
@property()
firstMessageIndex: number = 0;
+ @property({ type: Boolean, reflect: true, attribute: "compactpadding" })
+ compactPadding: boolean = false;
+
@state()
showInfo: boolean = false;
@@ -120,6 +123,15 @@
text-overflow: ellipsis;
}
+ :host([compactpadding]) .message-bubble-container {
+ max-width: 100%;
+ }
+
+ :host([compactpadding]) .message-metadata-left,
+ :host([compactpadding]) .message-metadata-right {
+ display: none;
+ }
+
.user .message-bubble-container {
justify-content: flex-end;
}