diff --git a/UI/BigComponents/LicensePicker.ts b/UI/BigComponents/LicensePicker.ts index 19c608141a..619aad54a6 100644 --- a/UI/BigComponents/LicensePicker.ts +++ b/UI/BigComponents/LicensePicker.ts @@ -17,7 +17,10 @@ export default class LicensePicker extends DropDown { {value: LicensePicker.ccbysa, shown: Translations.t.image.ccbs.Clone()}, {value: LicensePicker.ccby, shown: Translations.t.image.ccb.Clone()} ], - state?.osmConnection?.GetPreference("pictures-license") ?? new UIEventSource("CC0") + state?.osmConnection?.GetPreference("pictures-license") ?? new UIEventSource("CC0"), + { + select_class:"w-min bg-indigo-100 p-1 rounded hover:bg-indigo-200" + } ) this.SetClass("flex flex-col sm:flex-row").SetStyle("float:left"); } diff --git a/UI/Image/ImageUploadFlow.ts b/UI/Image/ImageUploadFlow.ts index 743b1b2c28..eadf365453 100644 --- a/UI/Image/ImageUploadFlow.ts +++ b/UI/Image/ImageUploadFlow.ts @@ -138,16 +138,16 @@ export class ImageUploadFlow extends Toggle { if (l == 0) { return undefined } - return t.uploadFailed.Clone().SetClass("alert"); + return new Loading(t.uploadFailed).SetClass("alert"); })), new VariableUiElement(uploadedCount.map(l => { if (l == 0) { return undefined; } if (l == 1) { - return t.uploadDone.Clone().SetClass("thanks"); + return t.uploadDone.Clone().SetClass("thanks block"); } - return t.uploadMultipleDone.Subs({count: l}).SetClass("thanks") + return t.uploadMultipleDone.Subs({count: l}).SetClass("thanks block") })), fileSelector, diff --git a/UI/Input/DropDown.ts b/UI/Input/DropDown.ts index d7137a04bb..b9fb6a3d32 100644 --- a/UI/Input/DropDown.ts +++ b/UI/Input/DropDown.ts @@ -47,7 +47,7 @@ export class DropDown extends InputElement { } options = options ?? {} - options.select_class = options.select_class ?? 'bg-indigo-100 p-1 rounded hover:bg-indigo-200' + options.select_class = options.select_class ?? 'w-full bg-indigo-100 p-1 rounded hover:bg-indigo-200' { diff --git a/UI/Popup/ImportButton.ts b/UI/Popup/ImportButton.ts index 4108c4e24c..8b7611b482 100644 --- a/UI/Popup/ImportButton.ts +++ b/UI/Popup/ImportButton.ts @@ -194,7 +194,7 @@ ${Utils.special_visualizations_importRequirementDocs} importFlow, isImported ), - t.zoomInMore.SetClass("alert"), + t.zoomInMore.SetClass("alert block"), state.locationControl.map(l => l.zoom >= 18) ), pleaseLoginButton, diff --git a/UI/Popup/TagRenderingQuestion.ts b/UI/Popup/TagRenderingQuestion.ts index 0348bccb9e..31db46e3c7 100644 --- a/UI/Popup/TagRenderingQuestion.ts +++ b/UI/Popup/TagRenderingQuestion.ts @@ -51,7 +51,7 @@ export default class TagRenderingQuestion extends Combine { const applicableMappingsSrc = UIEventSource.ListStabilized(tags.map(tags => { - const applicableMappings: { if: TagsFilter, then: any, ifnot?: TagsFilter, addExtraTags: Tag[] }[] = [] + const applicableMappings: { if: TagsFilter, icon?: string, then: any, ifnot?: TagsFilter, addExtraTags: Tag[] }[] = [] for (const mapping of configuration.mappings ?? []) { if (mapping.hideInAnswer === true) { continue @@ -158,7 +158,7 @@ export default class TagRenderingQuestion extends Combine { private static GenerateInputElement( state, configuration: TagRenderingConfig, - applicableMappings: { if: TagsFilter, then: any, ifnot?: TagsFilter, addExtraTags: Tag[] }[], + applicableMappings: { if: TagsFilter, then: any, icon?: string, ifnot?: TagsFilter, addExtraTags: Tag[] }[], applicableUnit: Unit, tagsSource: UIEventSource, feedback: UIEventSource @@ -168,7 +168,7 @@ export default class TagRenderingQuestion extends Combine { const ff = TagRenderingQuestion.GenerateFreeform(state, configuration, applicableUnit, tagsSource, feedback); - const hasImages = applicableMappings.findIndex(mapping => mapping.then.icon !== undefined) >= 0 + const hasImages = applicableMappings.findIndex(mapping => mapping.icon !== undefined) >= 0 let inputEls: InputElement[]; const ifNotsPresent = applicableMappings.some(mapping => mapping.ifnot !== undefined)