☰

GitHub Release Filename Wrap

Improve the display of file names in GitHub Releases with the word-wrap feature so that long file names are fully visible on mobile displays.

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Userscripts ，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
Mochamad Adi
日安装量
0
总安装量
0
评分
0 0 0
版本
2.2
创建于
2025-12-09
更新于
2025-12-09
大小
1.6 KB
许可证
MIT
适用于

📱 GitHub Release Filename Wrap

GitHub Release Filename Wrap is a simple but powerful Userscript that fixes the display of filenames on the GitHub Releases page, especially when accessed via mobile devices or small screens.

Version Lightweight

😫 The Problem

By default, the GitHub interface truncates long file names with ellipsis (...). This is very annoying when crucial information is at the end of the file name.

Example of the Problem: You want to download an application, but all you see is: app-release-v1.0.2-stable-android-arch...

You don't know if it's the arm64, x86, or universal version without clicking on each one.

✅ The Solution

This script forces GitHub's CSS to perform Word Wrap (move to a new line) on asset file names, instead of truncating them.

✨ Key Features

  • 📂 Show Full Names: No more text hidden behind .... All architecture details (arm64, v8a, x86_64) and file extensions are clearly visible.
  • 📱 Mobile Friendly: Very useful for Android/iOS users who often browse GitHub via mobile browsers.
  • 🚀 Super Lightweight: This script only injects a few lines of CSS. There is no heavy JavaScript logic that burdens the browser.
  • ⚡ Instant Load: Runs on document-start so that the display is correct before the page finishes loading (prevents display glitches).

🆚 Visual Comparison

Before (Default) ❌ After (Script Active) ✅
app-v2.0-really-long-name-arch... app-v2.0-really-long-name-
architecture-arm64.apk
Important information is missing. All text is clearly visible.

🛠️ Installation Instructions

  1. Set up Script Manager: Make sure you have installed an extension such as Tampermonkey (Android/PC) or Violentmonkey.
  2. Install the Script: Click the Install button on this page.
  3. Done: Open the Releases page in any GitHub repository (example: Revanced Extended) and see the difference!

💻 Technical

This script works by overriding GitHub's default CSS classes:

  • Changes .Box-row a.Truncate so that white-space becomes normal.
  • Adds word-break: break-word for neat word wrapping.