wing cfd33940f6 fix: 移除 TOC popup 的 max-height 限制，让 Dock 真正固定在底部 ...

问题根因:
#toc-popup 继承了 toc.css 中的 max-height: 70vh 限制，
即使设置了 flex-grow: 1，元素仍无法占满剩余空间，
导致 Dock 无法真正固定在 #immersive-toc-area 的底部。

修复内容 (immersive.css:247-267):
1. **max-height: none !important** - 关键修复！移除 70vh 限制
2. **flex-basis: 0** - 基础尺寸为 0，完全由 flex-grow 控制
3. **min-height: 0 !important** - 允许缩小（Flex 容器需要）
4. **height: auto !important** - 允许高度自适应
5. **flex-shrink: 1** - 允许收缩

Flex 布局原理:
- 父容器: #immersive-toc-area (display: flex, flex-direction: column, height: 100%)
- 子元素 1: #toc-popup (flex: 1 1 0, max-height: none) - 占据剩余空间
- 子元素 2: #toc-vs-dock-resize-handle (height: 1px, flex-shrink: 0) - 固定高度
- 子元素 3: #toc-dock-placeholder (flex-shrink: 0) - 固定在底部

效果:
- TOC 占据所有剩余空间
- Dock 真正固定在 #immersive-toc-area 的最底部
- 紧贴底边，无任何空隙

2025-11-15 01:57:21 +08:00

..

_deprecated

feat: CSS 架构重构 Phase 8 - 内联样式模块化完成

2025-11-14 17:48:58 +08:00

history_detail

fix: 移除 TOC popup 的 max-height 限制，让 Dock 真正固定在底部

2025-11-15 01:57:21 +08:00

history_detail.css

feat: CSS 架构重构 Phase 9 - 100% 模块化完成

2025-11-14 20:18:10 +08:00