mirror of
https://github.com/dergigi/boris.git
synced 2026-02-23 07:54:59 +01:00
fix: ensure consistent reading progress bar thickness in large cards
- Add minHeight property to ReadingProgressBar container and inner div - Ensure empty progress bar maintains same 3px height as filled progress bar - Fix visual consistency between empty and filled reading progress states - Maintain proper visual separator thickness in large card view
This commit is contained in:
@@ -40,7 +40,8 @@ export const ReadingProgressBar: React.FC<ReadingProgressBarProps> = ({
|
||||
marginTop,
|
||||
marginBottom,
|
||||
marginLeft,
|
||||
position: 'relative'
|
||||
position: 'relative',
|
||||
minHeight: `${height}px`
|
||||
}}
|
||||
>
|
||||
<div
|
||||
@@ -48,7 +49,8 @@ export const ReadingProgressBar: React.FC<ReadingProgressBarProps> = ({
|
||||
height: '100%',
|
||||
width: progressWidth,
|
||||
background: progressBackground,
|
||||
transition: 'width 0.3s ease, background 0.3s ease'
|
||||
transition: 'width 0.3s ease, background 0.3s ease',
|
||||
minHeight: `${height}px`
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user