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

Fix various small bugs (directionPicker is square and has a max width; fix welcome message, fix translations

Browse source
This commit is contained in:
Pieter Vander Vennet 2021-09-03 17:00:36 +02:00
parent abb39f2310
commit 4ace40c2f3
5 changed files with 11 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

6
UI/Input/DirectionInput.ts
View file

@ -53,9 +53,11 @@ export default class DirectionInput extends InputElement<string> {
`position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform:rotate(${this.value.data ?? 0}deg);`)
.SetClass("direction-svg relative")
.SetStyle("z-index: 1000"),
map.SetClass("w-full h-full block absolute top-0 left-O overflow-hidden"),
map.SetStyle(
`position: absolute;top: 0;left: 0;width: 100%;height: 100%;`)
])
.SetStyle("width: min(100%, 25em); height: min(100% , 25em);")
.SetStyle("width: min(100%, 25em); height: 0; padding-bottom: 100%") // A bit a weird CSS , see https://stackoverflow.com/questions/13851940/pure-css-solution-square-elements#19448481
.SetClass("relative block bg-white border border-black overflow-hidden rounded-full")
.ConstructElement()

2
UI/Input/ValidatedTextField.ts
View file

@ -95,7 +95,7 @@ export default class ValidatedTextField {
)
}
const di = new DirectionInput(options.mapBackgroundLayer, location, value)
di.SetStyle("height: 20rem;");
di.SetStyle("max-width: 25rem;");
return di;
},

5
UI/i18n/Translation.ts
View file

@ -112,8 +112,9 @@ export class Translation extends BaseUIElement {
} else if (el.ConstructElement === undefined) {
console.error("ConstructElement is not defined", el);
throw "ConstructElement is not defined, you are working with a " + (typeof el) + ":" + (el.constructor.name)
}else if(el["translations"] !== undefined){
rtext = el["translations"][lang]
}else if(el["textFor"] !== undefined){
// @ts-ignore
rtext = el.textFor(lang)
} else {
rtext = el.ConstructElement().innerHTML;