feat: changed selected time label to be between buttons, added center…

…ing style (#1252)
EOX-A · Sep 23, 2024 · 02b66a8 · 02b66a8
1 parent a241bd3
commit 02b66a8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/elements/timecontrol/src/main.js b/elements/timecontrol/src/main.js
@@ -292,9 +292,12 @@ export class EOxTimeControl extends LitElement {
           >
             <
           </button>
+          <span part="current">${this.controlValues[this._newStepIndex]}</span>
           <button part="next" class="icon next" @click="${() => this.next()}">
             >
           </button>
+        </div>
+        <div>
           ${!this.disablePlay
             ? html`
                 <button
@@ -334,8 +337,6 @@ export class EOxTimeControl extends LitElement {
                 </div>
               `
             : ""}
-
-          <span part="current">${this.controlValues[this._newStepIndex]}</span>
         </div>
       </main>
     `;

diff --git a/elements/timecontrol/src/style.eox.js b/elements/timecontrol/src/style.eox.js
@@ -5,6 +5,10 @@ export const styleEOX = `
   font-family: Roboto, sans-serif;
 }
 
+main {
+  text-align: center;
+}
+
 ${button}
 
 button.icon-text.play:before {