如何设置Gitlab文件列表显示更多文件名字符？

普通用户快速解决方案（无需管理员权限） #

用浏览器样式扩展（比如Stylus）自定义GitLab页面样式，直接调整文件名显示宽度和页面留白：

1. 安装Stylus扩展（Chrome/Firefox应用商店均可找到）
2. 打开GitLab的项目文件列表页面，点击Stylus图标创建新样式
3. 粘贴以下CSS代码（可根据自身需求调整百分比/宽度值）：

/* 移除页面两侧留白，让容器占满屏幕宽度 */
.gl-responsive-container {
  max-width: 100% !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

/* 增大文件名列的占比，避免截断 */
.file-tree-item-name-column {
  flex: 0 0 60% !important;
  min-width: 500px !important;
}

/* 强制文件名完整显示，取消自动截断 */
.file-tree-item-name a {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

4. 保存样式，刷新GitLab页面即可生效。

注意：GitLab版本更新可能会修改UI类名，如果代码失效，用浏览器F12开发者工具查看当前文件名列和容器的类名，替换代码中的对应选择器即可。

管理员全局调整（针对自部署GitLab实例） #

如果是GitLab实例管理员，可以通过后台设置让所有用户生效：

1. 登录GitLab管理后台，进入「外观」设置页面
2. 在「自定义CSS」文本框中粘贴上述CSS代码
3. 保存设置，所有用户访问文件列表时都会自动应用该样式

不建议修改GitLab核心配置调整响应式断点（官方无公开支持的配置项，修改后可能导致版本更新兼容问题），自定义CSS是更安全的方案。

临时应急方法 #

如果不想安装扩展或修改配置，可将鼠标悬停在截断的文件名上，GitLab会弹出tooltip显示完整文件名。

内容的提问来源于stack exchange，提问作者Marc Le Bihan