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

Fix wordbreak of simpleAddUI on chrome

Browse source
This commit is contained in:
Pieter Vander Vennet 2021-03-18 13:45:57 +01:00
parent 07a8746a70
commit 747adfda85
3 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

9
UI/BigComponents/SimpleAddUI.ts
View file

@ -141,7 +141,7 @@ export default class SimpleAddUI extends UIElement {
new Combine([
"<b>",
Translations.t.general.add.confirmButton.Subs({category: preset.name}),
"</b>"]));
"</b>"])).SetClass("break-words");
confirmButton.onClick(this.CreatePoint(preset.tags));
if (!this._confirmPreset.data.layerToAddTo.isDisplayed.data) {
@ -183,10 +183,10 @@ export default class SimpleAddUI extends UIElement {
let icon: UIElement = new FixedUiElement(layer.layerDef.GenerateLeafletStyle(new UIEventSource<any>(tags), false).icon.html.Render()).SetClass("simple-add-ui-icon");
const csCount = State.state.osmConnection.userDetails.data.csCount;
let tagInfo = "";
let tagInfo = undefined;
if (csCount > Constants.userJourney.tagsVisibleAt) {
tagInfo = preset.tags.map(t => t.asHumanString(false, true)).join("&");
tagInfo = `<br/><span class='subtle'>${tagInfo}</span>`
const presets = preset.tags.map(t => new Combine ([t.asHumanString(false, true), " "]).SetClass("subtle break-words") )
tagInfo = new Combine(presets)
}
const button: UIElement =
new SubtleButton(
@ -196,6 +196,7 @@ export default class SimpleAddUI extends UIElement {
preset.title,
"</b>",
preset.description !== undefined ? new Combine(["<br/>", preset.description.FirstSentence()]) : "",
"<br/>",
tagInfo
])
).onClick(