mirror of
https://github.com/dergigi/boris.git
synced 2026-01-17 13:54:24 +01:00
fix: align progress bar to start at title position
- Add padding-left to progress bar container to offset it to title position - Remove margin from inner fill - Progress bar now visually starts where the title starts, not at the icon
This commit is contained in:
@@ -81,7 +81,8 @@ export const CompactView: React.FC<CompactViewProps> = ({
|
||||
width: '100%',
|
||||
background: 'var(--color-border)',
|
||||
overflow: 'hidden',
|
||||
margin: '0'
|
||||
margin: '0',
|
||||
paddingLeft: '1.85rem'
|
||||
}}
|
||||
>
|
||||
<div
|
||||
@@ -89,8 +90,7 @@ export const CompactView: React.FC<CompactViewProps> = ({
|
||||
height: '100%',
|
||||
width: `${Math.round(readingProgress * 100)}%`,
|
||||
background: progressColor,
|
||||
transition: 'width 0.3s ease, background 0.3s ease',
|
||||
marginLeft: '1.85rem'
|
||||
transition: 'width 0.3s ease, background 0.3s ease'
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user