Fix Progress Bar Width Issue - Added width: 100% and min-width to container and bar - Issue was 2px computed width on working percentage - Should now show full-width progress bar

This commit is contained in:
dilgenfritz 2025-10-31 20:48:37 -05:00
parent 92adb37725
commit 22fc67f693
1 changed files with 5 additions and 0 deletions

View File

@ -1118,6 +1118,8 @@ body.cinema-mode {
background: lime !important; /* BRIGHT GREEN - should be unmissable */
padding: 10px !important;
border: 5px solid red !important;
width: 100% !important; /* Force full width */
min-width: 300px !important; /* Minimum width */
}
.progress-bar {
@ -1129,6 +1131,8 @@ body.cinema-mode {
margin-bottom: 8px;
transition: height 0.2s ease;
border: 2px solid orange !important;
width: 100% !important; /* Force full width */
min-width: 280px !important; /* Minimum width inside container */
}
.progress-bar:hover {
@ -1143,6 +1147,7 @@ body.cinema-mode {
transition: width 0.1s ease;
position: relative;
border: 1px solid yellow !important;
min-height: 18px !important; /* Force minimum height */
}
.progress-thumb {