喻勇祥
70b03c3c6b
fix: 修复分享页面文件名过长导致布局溢出的问题
修改内容:
1. 单文件显示 (.single-file-name):
- 添加 max-width: 100% 限制最大宽度
- 使用 -webkit-line-clamp: 3 限制最多显示3行
- 超出部分显示省略号 (...)
- 改用 word-break: break-word 更优雅的换行
2. 列表视图文件名:
- 添加 .file-name-container 和 .file-name-text 类
- 使用 overflow: hidden 和 text-overflow: ellipsis
- 单行显示,超出显示省略号
- 设置 min-width: 0 确保flex容器正确缩小
修复效果:
- 文件名再长也不会溢出到界面外
- 单文件视图最多显示3行
- 列表视图单行显示带省略号
- 鼠标悬停在网格视图文件名上会显示完整文件名(title属性)
2025-11-14 09:20:13 +08:00
..
2025-11-10 21:50:16 +08:00
2025-11-12 23:31:26 +08:00
2025-11-14 00:51:39 +08:00
2025-11-11 13:08:52 +08:00
2025-11-13 22:13:50 +08:00
2025-11-14 09:20:13 +08:00