feat(packages): add time display toggle (#1669)

This commit is contained in:
Sam Potts
2026-07-01 12:27:27 +10:00
committed by GitHub
parent 0de3fef878
commit be4d5a1155
27 changed files with 790 additions and 48 deletions
@@ -89,7 +89,7 @@ function getTemplateHTML() {
<div class="${time.controls}">
<media-time-group class="${time.group}">
<media-time type="current" class="${time.current}"></media-time>
<media-time toggle type="current" class="${time.current}"></media-time>
<media-time-separator class="${time.separator}"></media-time-separator>
<media-time type="duration" class="${time.duration}"></media-time>
</media-time-group>
@@ -71,7 +71,7 @@ function getTemplateHTML() {
<div class="media-time-controls">
<media-time-group class="media-time-group">
<media-time type="current" class="media-time media-time--current"></media-time>
<media-time toggle type="current" class="media-time media-time--current"></media-time>
<media-time-separator class="media-time-separator"></media-time-separator>
<media-time type="duration" class="media-time media-time--duration"></media-time>
</media-time-group>
@@ -99,7 +99,7 @@ function getTemplateHTML() {
<media-slider-value type="pointer" class="${slider.value}"></media-slider-value>
</media-slider-preview>
</media-time-slider>
<media-time type="duration" class="${time.duration}"></media-time>
<media-time toggle type="remaining" class="${time.duration}"></media-time>
</div>
<div class="${buttonGroup}">
+1 -1
View File
@@ -81,7 +81,7 @@ function getTemplateHTML() {
<media-slider-value type="pointer" class="media-slider__value media-time"></media-slider-value>
</media-slider-preview>
</media-time-slider>
<media-time type="duration" class="media-time"></media-time>
<media-time toggle type="remaining" class="media-time"></media-time>
</div>
<div class="media-button-group">
@@ -97,7 +97,7 @@ function getTemplateHTML() {
<div class="${time.controls}">
<media-time-group class="${time.group}">
<media-time type="current" class="${time.current}"></media-time>
<media-time toggle type="current" class="${time.current}"></media-time>
<media-time-separator class="${time.separator}"></media-time-separator>
<media-time type="duration" class="${time.duration}"></media-time>
</media-time-group>
@@ -74,7 +74,7 @@ function getTemplateHTML() {
<div class="media-time-controls">
<media-time-group class="media-time-group">
<media-time type="current" class="media-time media-time--current"></media-time>
<media-time toggle type="current" class="media-time media-time--current"></media-time>
<media-time-separator class="media-time-separator"></media-time-separator>
<media-time type="duration" class="media-time media-time--duration"></media-time>
</media-time-group>
@@ -113,7 +113,7 @@ function getTemplateHTML() {
<media-slider-value type="pointer" class="${cn(slider.value, time.current)}"></media-slider-value>
</media-slider-preview>
</media-time-slider>
<media-time type="duration" class="${time.duration}"></media-time>
<media-time toggle type="remaining" class="${time.duration}"></media-time>
</div>
<div class="${cn(buttonGroupEnd, menu.settingsGroup)}">
+1 -1
View File
@@ -91,7 +91,7 @@ function getTemplateHTML() {
<media-slider-value type="pointer" class="media-slider__value media-time"></media-slider-value>
</media-slider-preview>
</media-time-slider>
<media-time type="duration" class="media-time"></media-time>
<media-time toggle type="remaining" class="media-time"></media-time>
</div>
<div class="media-button-group">