Truncate long commit message header

[zeripath]

• Make the message-wrapper style no longer require being inside a commit-list.
• Wrap the header on the commit page in a message-wrapper

Fix #8900
Fix #10209

[zeripath]

damn I've just seen another place that this doesn't fix.

[zeripath]

Hmm... If I stick this style on the appropriate element in templates/repo/view-list.tmpl then we get appropriate sizes.

style="width: min(calc((max(100vw, 768px) - 768px) * 800 + 20rem), calc((max(100vw, 992px) - 992px) * 800 + 360px), calc((max(100vw, 1200px) - 1200px) * 800 + 500px), calc((min(100vw, 1200px) - 1200px) * (0 - 800) + 700px));" 

[zeripath]

Current problems:

[zeripath]

OK I think it's fixed.

@silverwind could you take a look? I've used 90vw - I dunno if that's allowed?

[silverwind]

Does it work with the CI icon shown? I'm still not a fan of CSS truncation here in general, it's always rather hackish because it's a table, not a flexbox. We could opt to do what GitHub does and make the header line a flexbox but that'd require a quite a few changes.

[silverwind]

90vw seems like an arbitrary value but if works in most cases, I guess I'm fine with such hacks until we can convert it to flexbox (then it's just flex: 1 on the parent and a wrapping <div> with overflow: hidden + ellipsis).

[zeripath]

@silverwind I guesss calc(100vw - 70px) might work better?

---

I've done that now.

[codecov-io]

Codecov Report

Merging #10301 into master will decrease coverage by 0.02%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##           master   #10301      +/-   ##
==========================================
- Coverage   43.74%   43.71%   -0.03%     
==========================================
  Files         585      585              
  Lines       81015    81015              
==========================================
- Hits        35441    35419      -22     
- Misses      41179    41212      +33     
+ Partials     4395     4384      -11

Impacted Files	Coverage Δ
modules/markup/markup.go	76.81% <ø> (ø)	⬆️
modules/markup/markdown/goldmark.go	66.07% <ø> (ø)	⬆️
services/pull/check.go	35.97% <0%> (-17.08%)	⬇️
services/pull/temp_repo.go	29.05% <0%> (-2.57%)	⬇️
services/pull/patch.go	60.37% <0%> (-2.52%)	⬇️
models/notification.go	63.29% <0%> (-1.9%)	⬇️
models/pull.go	41.82% <0%> (-0.56%)	⬇️
modules/log/event.go	65.64% <0%> (+1.02%)	⬆️
... and 6 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 2d4edcd...fe4baa0. Read the comment docs.