fix(ui): 连接/日志页 hero 卡高度棘轮根治(contain:size)#273
Merged
Conversation
充分梳理:高度棘轮同构实例仅拓扑(dododook#272 已修)/连接/日志三处 hero 填充卡。连接页 sim 200 行实测 cardH 9386px(长到全内容高、缩窗不回缩、overflow-y 因卡高非 definite 失效,低行数掩盖)。 - .conns-scroll / .lv-stream 加 contain:size:内容 intrinsic 高退出尺寸方程→卡片视口驱动→内部正常滚动。真机 CDP:窗高 900 时 cardH 9386→709、内容 9384 在 707 容器内滚动。 - 弹窗(rl-dlg-body 等)因 DialogContent max-h-[92vh] definite + fixed 覆盖层安全,非风险。
Sway-Chan
added a commit
that referenced
this pull request
Jul 8, 2026
#273 在 .conns-scroll/.lv-stream 上加 contain:size 引入回归:拖动窗口时 内嵌内容(表格/日志行)不再跟随缩放。改为根因位置的修复。 根因:main-layout 的 .container 用 min-h-full(height:auto),内容 intrinsic 高经 flex-basis:0 链上传成为地板,卡片缩不回、卡内 overflow-y 失效(高度棘轮)。 修复:hero 视图(connections/logs)的 .container 改用 h-full(height:100%, 对定高 scroller 解析),卡高与内容解耦、纯视口驱动、双向跟窗;卡 min-height 地板超视口时溢出并入页级 scroller 兜底滚动。.conns-scroll/.lv-stream 回退 contain:size。home 保持 min-h-full(拓扑卡由 connection-topology 的 [contain:size] 单独定高)。 .log-viewer 加 min-height:280px 地板(对齐 .conns-card 400px 语义):诊断卡 展开+矮窗时 viewer 止步 280px、超出走页级滚动,而非把日志流挤成窄条塌缩。 真机(macOS arm64)双向拖动验证:窗口缩放正常、内嵌内容跟随。
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
拓扑高度棘轮(#272)的同构:连接/日志 hero 填充卡同样内容撑高、缩窗不回缩(overflow-y 因卡高非 definite 失效,低行数掩盖高行数暴露;连接页 sim 200 行实测 cardH 9386px)。
.conns-scroll/.lv-stream加contain:size断棘轮→视口驱动+内部滚动(真机验:cardH 9386→709)。充分梳理确认同构仅此三处 hero 卡,弹窗因 max-h-[92vh] definite 安全。