Size the identity picker a tad better.

This commit is contained in:
Cory McWilliams 2024-04-14 13:10:32 +01:00
parent dbf28c03e6
commit e2c0f82ec0

View File

@ -156,11 +156,11 @@ class TfNavigationElement extends LitElement {
<link type="text/css" rel="stylesheet" href="/static/w3.css" /> <link type="text/css" rel="stylesheet" href="/static/w3.css" />
<select <select
@change=${this.set_active_identity} @change=${this.set_active_identity}
class="w3-button w3-cyan w3-bar-item w3-right" class="w3-button w3-rest w3-cyan w3-bar-item w3-right"
style="max-width: 25%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap" style="text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%"
> >
${this.identities.map( ${this.identities.map(
(x) => html`<option ?selected=${x === this.identity}>${self.names[x]} - ${x}</option>` (x) => html`<option ?selected=${x === this.identity}>${self.names[x]}${self.names[x] === x ? '' : html` - ${x}`}</option>`
)} )}
</select> </select>
`; `;
@ -170,7 +170,7 @@ class TfNavigationElement extends LitElement {
<button <button
id="create_identity" id="create_identity"
@click=${this.create_identity} @click=${this.create_identity}
class="w3-button w3-blue w3-right" class="w3-button w3-mobile w3-blue w3-right"
> >
Create an Identity Create an Identity
</button> </button>