feat(3p/cgit): limit width of div#summary, i. e. /about/**

Decreased text width for the /about pages should increase readability
considerably as jumping back to the beginning is hard for longer
lines. The result is still not perfect as the font size for the /about
pages is rather small and many lines thus get broken somewhat awkwardly.

We could probably migitate that using a larger font size.

The implementation choice of adding a tvl-extra.css which we inject into
cgit.css in preBuild is for simplicity: We don't need to worry about
routing an extra CSS file and loading it from the right location via
extra cgit head entries and serving it at the correct location using
either nginx or thttpd.

A drawback of this is however that iteration is slowed down by cgit's
compilation time.

Additionally, this should be the basis for implementing a bubblegum
themed cgit for Profpatsch.

Change-Id: I18060f735167acd623cef7a17c83408978461249
Reviewed-on: https://cl.tvl.fyi/c/depot/+/2756
Tested-by: BuildkiteCI
Reviewed-by: tazjin <mail@tazj.in>
This commit is contained in:
sterni 2021-04-02 01:09:55 +02:00
parent 8cc1dcf588
commit db80c2d368
2 changed files with 5 additions and 0 deletions

View file

@ -27,6 +27,7 @@ stdenv.mkDerivation rec {
rm -rf git # remove submodule dir ... rm -rf git # remove submodule dir ...
cp -r --no-preserve=ownership,mode ${depot.third_party.git.src} git cp -r --no-preserve=ownership,mode ${depot.third_party.git.src} git
makeFlagsArray+=(prefix="$out" CGIT_SCRIPT_PATH="$out/cgit/") makeFlagsArray+=(prefix="$out" CGIT_SCRIPT_PATH="$out/cgit/")
cat tvl-extra.css >> cgit.css
''; '';
meta = { meta = {

4
third_party/cgit/tvl-extra.css vendored Normal file
View file

@ -0,0 +1,4 @@
/* limit the width of /about/** to help readability */
.content #summary {
max-width: 800 px;
}