Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 06:00:15 +01:00
Code Issues Projects Releases Packages Wiki Activity

range function left

Browse source 
Signed-off-by: vagabond-0 <220229@tkmce.ac.in>
This commit is contained in:
vagabond-0 2025-05-11 17:05:23 +05:30
parent d725fb3728
commit 36f6b4fbd1
2 changed files with 17 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

25
components/script/resources/media-controls.css
View file

@ -1,15 +1,18 @@
button { button {
display: inline-block; display: inline-flex;
width: 24px; align-items: center;
height: 24px; justify-content: center;
min-width: var(--button-size); width: 32px;
min-height: var(--button-size); height: 32px;
padding: 6px; min-width: var(--button-size, 32px);
min-height: var(--button-size, 32px);
padding: 0;
border: 0; border: 0;
margin: 0; margin: 4px;
background-color: transparent; background-color: transparent;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
vertical-align: middle;
} }
.root { .root {
@ -26,6 +29,9 @@ button {
height: 40px; height: 40px;
background-color: rgba(26,26,26,.8); background-color: rgba(26,26,26,.8);
color: #ffffff; color: #ffffff;
display: flex;
align-items: center;
gap:16px;
} }
.hidden { .hidden {
@ -33,11 +39,12 @@ button {
} }
.playing { .playing {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAALElEQVR4AWMYQeD///8KQOwAxQq4xQkb1PAfARpwiQ9Kg0YNGjWI8iwycgAA8BVdyMCA4SwAAAAASUVORK5CYII=") no-repeat; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAALElEQVR4AWMYQeD///8KQOwAxQq4xQkb1PAfARpwiQ9Kg0YNGjWI8iwycgAA8BVdyMCA4SwAAAAASUVORK5CYII=") no-repeat center center;
} }
.paused { .paused {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAATklEQVR4AWMYgeD///8C1DLoARA7UG4QAqynyHX/UcF7II6n3CAE2A/ECpQbhHBdPTUM+gDEDZQadIB8ryFckUBpYG8ARf/AJ0i4K0YBAOu3zFnxHnpDAAAAAElFTkSuQmCC") no-repeat; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAATklEQVR4AWMYgeD///8C1DLoARA7UG4QAqynyHX/UcF7II6n3CAE2A/ECpQbhHBdPTUM+gDEDZQadIB8ryFckUBpYG8ARf/AJ0i4K0YBAOu3zFnxHnpDAAAAAElFTkSuQmCC") no-repeat center center;
} }
.ended { .ended {

1
components/script/resources/media-controls.js
View file

@ -62,6 +62,7 @@
function formatTime(time, showHours = false) { function formatTime(time, showHours = false) {
// Format the duration as "h:mm:ss" or "m:ss" // Format the duration as "h:mm:ss" or "m:ss"
if (isNaN(time) || !isFinite(time)) return "00:00";
time = Math.round(time / 1000); time = Math.round(time / 1000);
const hours = Math.floor(time / 3600); const hours = Math.floor(time / 3600);