Corrige aussi la hauteur repliée (box-sizing: border-box) : le padding de .text s'ajoutait à la hauteur configurée. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
26 lines
690 B
CSS
26 lines
690 B
CSS
/* Read More — collapsed articles in reader view.
|
|
* max-height only: the article must keep a non-zero height so that
|
|
* FreshRSS still marks it as read when scrolled past. */
|
|
.flux .text.read-more-collapsed {
|
|
box-sizing: border-box; /* configured height = visible height, padding included */
|
|
max-height: var(--read-more-height, 250px);
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.flux .text.read-more-collapsed::after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 4em;
|
|
background: linear-gradient(to bottom, transparent, var(--frss-background-color, #fff));
|
|
pointer-events: none;
|
|
}
|
|
|
|
.flux .read-more-btn {
|
|
display: block;
|
|
margin: 0.5em auto 1em;
|
|
}
|