diff options
| author |  maTh <math-home@web.de>
| 2022-10-03 17:07:15 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-10-03 17:07:15 +0200 |
| commit | 117b9c115d3fb421820fbef44e39ac4328f3c7c1 (patch) | |
| tree | b76cb24567ddcf26e2788ecfaa1875302718625c /p | |
| parent | 60e723435e2d1b1b06b355b2e67c5975825c7cc7 (diff) | |
Improved: Article summary. Cut the text with better CSS (#4666)
* phtml + css
* trim the white spaces that comes from stripping
Diffstat (limited to 'p')
| -rw-r--r-- | p/themes/base-theme/frss.css | 7 | ||||
| -rw-r--r-- | p/themes/base-theme/frss.rtl.css | 7 |
2 files changed, 8 insertions, 6 deletions
diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 879dcdd2c..46fffb826 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -1204,13 +1204,14 @@ a.website:hover .favicon { } .flux .item.title .summary { - max-height: 3em; + display: -webkit-box; color: var(--frss-font-color-grey-dark); font-size: 0.9rem; font-weight: normal; - white-space: initial; - overflow: hidden; text-overflow: ellipsis; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + white-space: break-spaces; } .flux .item.title .author { diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index 4486e7745..4d731e6f7 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -1204,13 +1204,14 @@ a.website:hover .favicon { } .flux .item.title .summary { - max-height: 3em; + display: -webkit-box; color: var(--frss-font-color-grey-dark); font-size: 0.9rem; font-weight: normal; - white-space: initial; - overflow: hidden; text-overflow: ellipsis; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + white-space: break-spaces; } .flux .item.title .author { |