Merge pull request #151 from Corentvn/fix/migrate-time-ago-to-relative-time

[FIX] webui-templates: update time-elements library
This commit is contained in:
Stéphane Bidoul 2026-05-26 14:34:21 +02:00 committed by GitHub
commit 7237e59f3b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,5 +1,5 @@
import {LitElement, html, css} from 'https://esm.run/lit@2.1.2?module'; import {LitElement, html, css} from 'https://esm.run/lit@2.1.2?module';
import 'https://esm.run/@github/time-elements@latest?module'; import 'https://esm.run/@github/relative-time-element@latest?module';
class RunboatBuildElement extends LitElement { class RunboatBuildElement extends LitElement {
static get properties() { static get properties() {
@ -36,9 +36,10 @@ class RunboatBuildElement extends LitElement {
.build-status-failed { .build-status-failed {
background-color: lightcoral; background-color: lightcoral;
} }
time-ago { relative-time {
color: gray; color: gray;
white-space: nowrap; white-space: nowrap;
font-size: small
} }
p { p {
margin-top: 0.5em; margin-top: 0.5em;
@ -61,7 +62,7 @@ class RunboatBuildElement extends LitElement {
${this.build.commit_info?.git_commit? ${this.build.commit_info?.git_commit?
html`(<a href="${this.build.repo_commit_link}">${this.build.commit_info?.git_commit.substring(0, 8)}</a>)`:"" html`(<a href="${this.build.repo_commit_link}">${this.build.commit_info?.git_commit.substring(0, 8)}</a>)`:""
} }
<time-ago datetime="${this.build.created}"></time-ago> <relative-time datetime="${this.build.created}"></relative-time>
</p> </p>
<p> <p>
${this.build.status || "undeployed"} ${this.build.status || "undeployed"}