fix: ensure empty reading progress bar is always visible for articles

- Change progress bar background from transparent to border color when no progress
- Reading progress separator now always shows 1px line for articles
- Maintains visual consistency between articles with and without reading progress
- Ensures proper visual separation between content and footer
This commit is contained in:
Gigi
2025-10-25 01:45:53 +02:00
parent e12d67cc5f
commit 00740aab6d

View File

@@ -152,14 +152,14 @@ export const CardView: React.FC<CardViewProps> = ({
</div>
</div>
{/* Reading progress indicator as separator - always shown */}
{/* Reading progress indicator as separator - always shown for articles */}
{isArticle && (
<div className="reading-progress-separator">
<div
className="progress-fill"
style={{
width: readingProgress ? `${Math.round(readingProgress * 100)}%` : '0%',
background: readingProgress ? progressColor : 'transparent'
background: readingProgress ? progressColor : 'var(--color-border)'
}}
/>
</div>