Prevent Long File Names from Stretching Syllabus Dropbox UI

未关闭 适合新手
  • 哪里不对？
#168 0 条评论 0 个 reaction 已指派 1 人 在 GitHub 查看

维护者通常 7 天内回复

@munsakad 已经在做这个了。

开始于 2026年10月22日。

  • #175 来自 @munsakad —— 未关闭

评估

难度
2/5
预计耗时
1-3 小时
新手友好度
68/100
Issue 类型
缺陷
描述清晰度
基本清楚
活跃度
活跃
技术栈
css
领域
frontend

调研方向

从 Courses 页面上的“Upload your syllabus here”上传框开始，检查控制其尺寸和所选文件名的样式。检查长文件名在不同屏幕尺寸下的显示情况；完成标准是上传框保持预期尺寸，长文件名换行或截断，且不破坏布局。

由索引模型根据 Issue 内容生成。

描述

bug

Description:
On the Courses page, under “Upload your syllabus here,” the dropbox when a file with a long name is selected, the syllabus dropbox stretches beyond its intended dimensions, affecting the page layout.

Expected Behavior:

Maintain the dropbox's original dimensions regardless of file name length.

Wrap or truncate long file names appropriately.

Ensure the dropbox remains responsive across different screen sizes.

Reference:

Image
主要语言
CSS
星标
0
派生
9
平均合并
11 天 14 小时
30 天内合并 PR
14

环境准备

  • 没有 Dockerfile 或 Docker Compose 文件
  • 有 Pull Request 模板
  • 没有贡献指南

从这里开始

  1. 先读完整个 Issue，再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库，在一个分支上完成修改。
  4. 提交 Pull Request，并在描述里引用这个 Issue 编号。

BCStudentSoftwareDevTeam/bcsr 的其他 Issue

查看 BCStudentSoftwareDevTeam/bcsr 的全部 Issue

相似的 Issue

更多 Web Dev Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。