diff options
| author | Yorhel <git@yorhel.nl> | 2020-12-03 17:43:14 +0100 |
|---|---|---|
| committer | Yorhel <git@yorhel.nl> | 2020-12-03 17:43:16 +0100 |
| commit | 5020d2c454dcb370fe950ec9b3cdb9373446e71d (patch) | |
| tree | ba25191cc7032e753b042d43173fb26cbcaddf3d /data | |
| parent | 335f7ce19fad1cab9d25b51e7568eb72ae38ef81 (diff) | |
CSS/homepage: Use CSS overflow to cut off long titles rather than on the server
Much cleaner. Downside is that with long usernames and small browsers
widths the main title might get cut off. Think it's better to work
around that by relayouting the boxes.
Diffstat (limited to 'data')
| -rw-r--r-- | data/style.css | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/data/style.css b/data/style.css index 6d9f6908..4cf4be88 100644 --- a/data/style.css +++ b/data/style.css @@ -346,6 +346,10 @@ p.screenshots { text-align: center; margin-top: 10px; padding: 0; heig p.screenshots img { margin: 2px; } li.announcement { margin-bottom: 3px; margin-top: 3px } li.announcement a { font-weight: bold; font-size: 15px; color: $maintext$ } +.homepage > div { overflow: hidden } +.homepage li { display: flex; line-height: 1.2 } +.homepage li span { white-space: nowrap; padding-right: 4px } +.homepage li span:first-child { overflow: hidden; text-overflow: ellipsis } |