webui: fix diff scrolling (broken in 265839b0 / 5450584)
SketchTailwindElement disabled shadow DOM, so the :host CSS selector
no longer worked since there's no shadow DOM. Also some heights
stopped being calculated correctly.
Co-Authored-By: sketch <hello@sketch.dev>
Change-ID: s2155f0d365ba51cak
diff --git a/webui/src/sketch-app-shell.css b/webui/src/sketch-app-shell.css
index 4c57faa..25da2f2 100644
--- a/webui/src/sketch-app-shell.css
+++ b/webui/src/sketch-app-shell.css
@@ -21,6 +21,20 @@
format("truetype");
}
+/*
+ * SketchTailwindElement components need explicit host-level styling
+ * since they disable shadow DOM and lose :host CSS selector support
+ */
+sketch-diff2-view {
+ display: flex;
+ height: 100%;
+ flex: 1;
+ flex-direction: column;
+ min-height: 0; /* Critical for flex child behavior */
+ overflow: hidden;
+ position: relative; /* Establish positioning context */
+}
+
/* Print styles for full chat printing */
@media print {
html,