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.

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

作者
Mochamad Adi
今日安裝
0
安裝總數
1
評價
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.