Text’s bottom is truncated in the “all episodes” view for the podcast title
Describe the bug
When viewing all the episodes of a podcast, the bottom of the line of the episode’s title is hidden, so some letters have their bottom cut.
Expected behavior
The bottom of the characters should appear properly.
Relevant logs and/or screenshots
A screenshot of the problem:
Context
- Castopod: 1.6.4
- Browser: Firefox 117.0.1
Possible fixes
The line of text on which the problem occurs has the truncate
CSS class, which seems to be used to put a ...
ellipsis if the episode’s title is too long to display in the interface. This is achieved with the text-overflow: ellipsis;
. However, this class also applies the overflow: hidden;
property, which I don’t believe is necessary to do the ellipsis and which is also the property that is causing the bottom of the text to be truncated. The span containing the text probably has a set height that is a bit lower than the actual height of the text. So as a fix, I see the option of removing the overflow: hidden;
property, or fixing the set height of the span, or both.
By only disabling the overflow: hidden;
property in my browser’s devtools, the problem is fixed:
By the way, maybe the same problem occurs at other places in the interface where the same truncate
class is used, I didn’t check.