Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-17 01:56:35 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #485 from Stremio/feature-progress-bar-opacity

Browse source 
Feature progress bar opacity
This commit is contained in:
Tim 2023-10-18 14:32:07 +02:00 committed by GitHub
commit 3cf71c66fd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/common/MetaItem/MetaItem.js
View file

@ -85,6 +85,7 @@ const MetaItem = React.memo(({ className, type, name, poster, posterShape, playI
progress > 0 ?
<div className={styles['progress-bar-layer']}>
<div className={styles['progress-bar']} style={{ width: `${Math.max(0, Math.min(1, progress)) * 100}%` }} />
<div className={styles['progress-bar-background']} />
</div>
:
null

11
src/common/MetaItem/styles.less
View file

@ -126,7 +126,6 @@
right: 1rem;
height: 0.45rem;
border-radius: 0.45rem;
background-color: var(--overlay-color);
overflow: hidden;
.progress-bar {
@ -134,6 +133,16 @@
height: 100%;
background-color: var(--primary-foreground-color);
}
.progress-bar-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--primary-foreground-color);
opacity: 0.3;
}
}
.new-videos {