I did some CSS, and it was kind of OK.

git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4760 ed5197a5-7fde-0310-b194-c3ffbd925b24
This commit is contained in:
2024-01-12 04:23:31 +00:00
parent 4fd155e68a
commit b2e3c04036
9 changed files with 338 additions and 66 deletions

View File

@@ -1,5 +1,6 @@
import {LitElement, html} from './lit-all.min.js';
import * as tfrpc from '/static/tfrpc.js';
import {styles} from './tf-styles.js';
/*
** Provide a list of IDs, and this lets the user pick one.
@@ -13,6 +14,8 @@ class TfIdentityPickerElement extends LitElement {
};
}
static styles = styles;
constructor() {
super();
this.ids = [];
@@ -28,7 +31,7 @@ class TfIdentityPickerElement extends LitElement {
render() {
return html`
<select @change=${this.changed} style="max-width: 100%">
<select class="w3-select w3-dark-grey" @change=${this.changed} style="max-width: 100%; overflow: hidden">
${(this.ids ?? []).map(id => html`<option ?selected=${id == this.selected} value=${id}>${this.users[id]?.name ? (this.users[id]?.name + ' - ') : undefined}<small>${id}</small></option>`)}
</select>
`;