tornadocontrib/git-arr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css: Improve handling of text overflow in <pre>

Browse Source 
When a <pre> section (commit message, blob, diff) has a very long line,
today it makes the entire page very wide, causing usability issues.

This patch makes <pre> have a horizontal scroll in those cases, which is
easier to use.
This commit is contained in:
Alberto Bertogli 2021-05-15 01:04:19 +01:00
parent bc1ee87dfe
commit 9f3df4899f
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
static/git-arr.css
View File

@ -147,6 +147,14 @@ div.toggable-title {
margin-bottom: 0.3em; margin-bottom: 0.3em;
} }
pre {
/* Sometimes, <pre> elements (commit messages, diffs, blobs) have very
* long lines. In those case, use automatic overflow, which will
* introduce a horizontal scroll bar for this element only (more
* comfortable than stretching the page, which is the default). */
overflow: auto;
}
/* Commit message and diff. */ /* Commit message and diff. */
pre.commit-message { pre.commit-message {