thomasjacquin / allsky-portal

A simple, responsive web interface to control an allsky camera connected to a Raspberry Pi
GNU General Public License v3.0
35 stars 22 forks source link

Progress bar transition doesn't work #83

Closed EricClaeys closed 2 years ago

EricClaeys commented 2 years ago

The progress bars in system.php and dashboard.php are supposed to start out at 0 width when the page loads and expand to the final width in 0.6 seconds so the users sees them grow, which looks pretty (this uses the CSS "transition: width" command). This doesn't work unless you go into F12 mode and uncheck the "width: x%" on the progress-bar element and then re-check it.

I found several web pages that describe this "does not work on first occurrence" but their solution was to set an initial size of the element, which we already do in the CSS code: .progress-bar {width: 0;}

EricClaeys commented 2 years ago

Closing - issue fixed.