contrapunctus/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Fix css for customgenerator

Browse source
This commit is contained in:
Pieter Vander Vennet 2020-09-20 20:34:56 +02:00
parent c3e8a18789
commit 5fcf017f63
2 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
UI/Input/SingleTagInput.ts
View file

@ -16,13 +16,13 @@ export default class SingleTagInput extends InputElement<string> {
private key: InputElement<string>; private key: InputElement<string>;
private value: InputElement<string>; private value: InputElement<string>;
private operator: DropDown<string> private operator: DropDown<string>
private readonly helpMesage: UIElement; private readonly helpMessage: UIElement;
constructor(value: UIEventSource<string> = undefined) { constructor(value: UIEventSource<string> = undefined) {
super(undefined); super(undefined);
this._value = value ?? new UIEventSource<string>(""); this._value = value ?? new UIEventSource<string>("");
this.helpMesage = new VariableUiElement(this._value.map(tagDef => { this.helpMessage = new VariableUiElement(this._value.map(tagDef => {
try { try {
FromJSON.Tag(tagDef, ""); FromJSON.Tag(tagDef, "");
return ""; return "";
@ -41,6 +41,7 @@ export default class SingleTagInput extends InputElement<string> {
value: new UIEventSource<string>("") value: new UIEventSource<string>("")
} }
); );
this.operator = new DropDown<string>("", [ this.operator = new DropDown<string>("", [
{value: "=", shown: "="}, {value: "=", shown: "="},
{value: "~", shown: "~"}, {value: "~", shown: "~"},
@ -101,7 +102,7 @@ export default class SingleTagInput extends InputElement<string> {
InnerRender(): string { InnerRender(): string {
return new Combine([ return new Combine([
this.key, this.operator, this.value, this.key, this.operator, this.value,
this.helpMesage this.helpMessage
]).Render(); ]).Render();
} }

2
index.css
View file

@ -64,7 +64,7 @@ body {
padding: 0.15em 0.3em; padding: 0.15em 0.3em;
} }
form { .question form {
display: inline-block; display: inline-block;
max-width: 90vw; max-width: 90vw;
width: 100%; width: 100%;