bia/story-edit-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(timeline): 修时间轴无法滚动(flex min-width:auto 坑) + 加鼠标拖拽平移

Browse Source 
- 根因：.tl-tracks 作为 flex 子项默认 min-width:auto，被 ~3000px 内容撑大不收缩，
  内部 overflow-x 永不触发→滚轮/滚动条全失效。修复=加 min-width:0
- 新增鼠标按住拖拽平移时间轴(超阈值不算点击，避免误选)；滚轮横向滚动；cursor:grab
This commit is contained in:
邓雨鹏
2026-06-13 20:08:28 +08:00
parent e6ec743564
commit f164ed0a08
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/static/style.css
View File

@ -265,7 +265,7 @@ header .who { margin-left:auto; font-size:12px; color:#9a8f7e; }
.tl-choice-btn:hover { background:#5a4a26; border-color:#e6c878; }
/* 时间轴面板：独立、占满剩余高度、自己横向滚动 */
.tl-timelinepanel { flex:1; min-height:120px; margin-top:8px; display:flex; }
.tl-tracks { position:relative; flex:1; overflow-x:auto; overflow-y:auto;
.tl-tracks { position:relative; flex:1; min-width:0; overflow-x:auto; overflow-y:auto; cursor:grab;
background:#19150f; border:1px solid #3a322a; border-radius:6px; padding-top:20px; }
.tl-ruler { position:relative; height:16px; border-bottom:1px solid #2a2419; }
.tl-tick { position:absolute; top:0; height:16px; border-left:1px solid #2a2419; }