Skip to content

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:

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:

image

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.