mirror of
https://github.com/dergigi/boris.git
synced 2026-01-18 22:34:34 +01:00
feat: show reading progress bar for all bookmark types
- Remove isArticle condition from reading progress bar display - Show progress bar for videos, links, and articles - Maintain consistent visual separator for all bookmark types - Ensure reading progress tracking works across all content types
This commit is contained in:
@@ -152,18 +152,16 @@ export const CardView: React.FC<CardViewProps> = ({
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 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 : 'var(--color-border)'
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
{/* Reading progress indicator as separator - always shown for all bookmark types */}
|
||||
<div className="reading-progress-separator">
|
||||
<div
|
||||
className="progress-fill"
|
||||
style={{
|
||||
width: readingProgress ? `${Math.round(readingProgress * 100)}%` : '0%',
|
||||
background: readingProgress ? progressColor : 'var(--color-border)'
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="bookmark-footer">
|
||||
<div className="bookmark-meta-minimal">
|
||||
|
||||
Reference in New Issue
Block a user