More styling tweaks

This commit is contained in:
Pieter Vander Vennet 2021-01-08 02:13:44 +01:00
parent 9a412c6b74
commit 77ffdc093a
8 changed files with 85 additions and 58 deletions

View file

@ -36,14 +36,14 @@ export default class LayerSelection extends UIElement {
const zoomStatus = new VariableUiElement(State.state.locationControl.map(location => {
if (location.zoom < layer.layerDef.minzoom) {
return Translations.t.general.zoomInToSeeThisLayer
return Translations.t.general.layerSelection.zoomInToSeeThisLayer
.SetClass("alert")
.SetStyle("display: block ruby;width:min-content;")
.Render();
}
return ""
}))
const style = "display:flex;align-items:center;"
const style = "display:flex;align-items:center;flex-wrap:wrap;"
this._checkboxes.push(new CheckBox(
new Combine([icon, name, zoomStatus]).SetStyle(style),
new Combine([iconUnselected, "<del>", name, "</del>", zoomStatus]).SetStyle(style),