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

Lots of styling tweaks, add filter links between layers

Browse source
This commit is contained in:
Pieter Vander Vennet 2022-02-01 04:14:54 +01:00
parent 5cefc4d25f
commit c15f3d2036
28 changed files with 263 additions and 217 deletions
Download patch file Download diff file Expand all files Collapse all files

9
UI/Base/MinimapImplementation.ts
View file

@ -53,14 +53,15 @@ export default class MinimapImplementation extends BaseUIElement implements Mini
public installBounds(factor: number | BBox, showRange?: boolean) {
this.leafletMap.addCallbackD(leaflet => {
let bounds;
let bounds : {getEast(), getNorth(), getWest(), getSouth()};
if (typeof factor === "number") {
bounds = leaflet.getBounds().pad(factor)
leaflet.setMaxBounds(bounds)
const lbounds = leaflet.getBounds().pad(factor)
leaflet.setMaxBounds(lbounds)
bounds = lbounds;
} else {
// @ts-ignore
leaflet.setMaxBounds(factor.toLeaflet())
bounds = leaflet.getBounds()
bounds = factor
}
if (showRange) {

4
UI/Base/ScrollableFullScreen.ts
View file

@ -6,6 +6,7 @@ import {UIEventSource} from "../../Logic/UIEventSource";
import Hash from "../../Logic/Web/Hash";
import BaseUIElement from "../BaseUIElement";
import Img from "./Img";
import Title from "./Title";
/**
*
@ -101,7 +102,8 @@ export default class ScrollableFullScreen extends UIElement {
Hash.hash.setData(undefined)
})
title.SetClass("block text-l sm:text-xl md:text-2xl w-full font-bold p-0 max-h-20vh overflow-y-auto self-center")
title = new Title(title, 2)
title.SetClass("text-l sm:text-xl md:text-2xl w-full p-0 max-h-20vh overflow-y-auto self-center")
return new Combine([
new Combine([
new Combine([returnToTheMap, title])

2
UI/Base/SubtleButton.ts
View file

@ -21,7 +21,7 @@ export class SubtleButton extends UIElement {
}
protected InnerRender(): string | BaseUIElement {
const classes = "block flex p-3 my-2 bg-blue-100 rounded-lg hover:shadow-xl hover:bg-blue-200 link-no-underline";
const classes = "block flex p-3 my-2 bg-subtle rounded-lg hover:shadow-xl hover:bg-unsubtle transition-colors transition-shadow link-no-underline";
const message = Translations.W(this.message);
let img;
if ((this.imageUrl ?? "") === "") {