nick/PlotDirector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make Story Intelligence side panels fluid

Browse Source
This commit is contained in:
Nick Beckley 2026-07-26 11:32:49 +00:00
parent 24bafca765
commit f02569b7d4
2 changed files with 29 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
PlotLine.Tests/Program.cs
View File

@ -1145,6 +1145,9 @@ static void Phase21RSceneBrowserAndPanelsAreReplayFriendly()
Assert(script.Contains("if (!realMode || !snapshotUrl || state.terminal) return;", StringComparison.Ordinal), "Replay must not poll live snapshot endpoints."); Assert(script.Contains("if (!realMode || !snapshotUrl || state.terminal) return;", StringComparison.Ordinal), "Replay must not poll live snapshot endpoints.");
Assert(css.Contains(".story-exp-replay-browser", StringComparison.Ordinal), "Replay browser styling was not found."); Assert(css.Contains(".story-exp-replay-browser", StringComparison.Ordinal), "Replay browser styling was not found.");
Assert(css.Contains("scrollbar-width: none", StringComparison.Ordinal), "Side-panel native scrollbar tracks should be suppressed."); Assert(css.Contains("scrollbar-width: none", StringComparison.Ordinal), "Side-panel native scrollbar tracks should be suppressed.");
Assert(css.Contains(".story-exp-panel:has(.story-exp-insight-list:empty)", StringComparison.Ordinal), "Empty side panels should collapse instead of reserving large blank space.");
Assert(!css.Contains("grid-template-rows: minmax(218px, 1.35fr) minmax(185px, 1.08fr) auto", StringComparison.Ordinal), "Right rail must not use fixed-height panel tracks.");
Assert(!css.Contains("grid-template-rows: auto auto minmax(170px, 1fr) minmax(96px, 0.56fr)", StringComparison.Ordinal), "Left rail must not use fixed-height panel tracks.");
Assert(!css.Contains(".story-exp-insight-list {\n display: grid;\n gap: 9px;\n min-height: 0;\n overflow: auto", StringComparison.Ordinal), "Nested insight lists should not create native scrollbars."); Assert(!css.Contains(".story-exp-insight-list {\n display: grid;\n gap: 9px;\n min-height: 0;\n overflow: auto", StringComparison.Ordinal), "Nested insight lists should not create native scrollbars.");
Assert(progressViewModel.Contains("public int? ImportSessionID", StringComparison.Ordinal), "Import progress page should carry the import session for replay links."); Assert(progressViewModel.Contains("public int? ImportSessionID", StringComparison.Ordinal), "Import progress page should carry the import session for replay links.");
} }

30
PlotLine/wwwroot/css/story-intelligence-experience-prototype.css
View File

@ -339,7 +339,6 @@ input:focus-visible {
.story-exp-left, .story-exp-left,
.story-exp-right { .story-exp-right {
display: grid; display: grid;
align-content: start;
gap: 9px; gap: 9px;
max-height: calc(100vh - 126px); max-height: calc(100vh - 126px);
min-height: 0; min-height: 0;
@ -355,11 +354,11 @@ input:focus-visible {
} }
.story-exp-left { .story-exp-left {
grid-template-rows: auto auto minmax(170px, 1fr) minmax(96px, 0.56fr); grid-template-rows: auto auto minmax(0, auto) minmax(0, auto);
} }
.story-exp-right { .story-exp-right {
grid-template-rows: minmax(218px, 1.35fr) minmax(185px, 1.08fr) auto; grid-template-rows: minmax(0, auto) minmax(0, auto) minmax(0, auto);
} }
.story-exp-left, .story-exp-left,
@ -386,11 +385,34 @@ input:focus-visible {
.story-exp-panel { .story-exp-panel {
display: grid; display: grid;
grid-template-rows: auto auto; align-content: start;
grid-template-rows: auto minmax(0, auto);
min-height: 0; min-height: 0;
overflow: hidden; overflow: hidden;
} }
.story-exp-panel:has(.story-exp-list:empty),
.story-exp-panel:has(.story-exp-feed:empty),
.story-exp-panel:has(.story-exp-insight-list:empty) {
padding-bottom: 10px;
}
.story-exp-right .story-exp-panel:has(.story-exp-insight-list:not(:empty)) {
grid-template-rows: auto minmax(0, 1fr);
}
.story-exp-right .story-exp-panel:has(.story-exp-insight-list:not(:empty)):first-child {
min-height: clamp(104px, 17vh, 192px);
}
.story-exp-right .story-exp-panel:has(.story-exp-insight-list:not(:empty)):nth-child(2) {
min-height: clamp(170px, 28vh, 330px);
}
.story-exp-right .story-exp-panel:has(.story-exp-insight-list:not(:empty)):nth-child(3) {
min-height: clamp(78px, 13vh, 150px);
}
.story-exp-panel--compact { .story-exp-panel--compact {
padding: 9px; padding: 9px;
} }