cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-21 23:19:09 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

refactor: show progress on top

Browse Source
This commit is contained in:
Carlos Valente
2024-08-26 09:44:27 +02:00
committed by Carlos Valente
parent 66774321a5
commit 6e5034ef72
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/viewers/timeline/timeline-progress-bar/TimelineProgressBar.module.scss
+13 -7
View File
@@ -1,13 +1,19 @@
.progressBar { .progressBar {
width: 100%; width: 100%;
height: 1rem; height: 1rem;
position: relative;
transition-duration: 0.3s;
transition-property: left;
background-color: $gray-1000; background-color: $gray-1000;
}
.progress {
height: 100%; .progress {
background-color: $active-red; height: 100%;
} position: absolute;
left: 0;
top: 0;
z-index: 2;
background-color: $active-red;
transition-duration: 0.3s;
transition-property: width;
} }