Small langauge and CSS tweaks
This commit is contained in:
parent
e0f9a93468
commit
fac7aec20b
3 changed files with 24 additions and 15 deletions
|
@ -184,18 +184,19 @@ export default class Translations {
|
||||||
fr: 'TODO: fr'
|
fr: 'TODO: fr'
|
||||||
}),
|
}),
|
||||||
pump: new T({
|
pump: new T({
|
||||||
en: 'There is only a pump available',
|
// Note: this previously read: a pump is available. It is not because the pump is present, that it is available (e.g. broken)
|
||||||
nl: 'Er is enkel een pomp beschikbaar',
|
en: 'There is only a pump present',
|
||||||
|
nl: 'Er is enkel een pomp aanwezig',
|
||||||
fr: 'TODO: fr'
|
fr: 'TODO: fr'
|
||||||
}),
|
}),
|
||||||
tools: new T({
|
tools: new T({
|
||||||
en: 'There are only tools (screwdrivers, pliers...) available',
|
en: 'There are only tools (screwdrivers, pliers...) aanwezig',
|
||||||
nl: 'Er is enkel gereedschap beschikbaar (schroevendraaier, tang...)',
|
nl: 'Er is enkel gereedschap aanwezig (schroevendraaier, tang...)',
|
||||||
fr: 'TODO: fr'
|
fr: 'TODO: fr'
|
||||||
}),
|
}),
|
||||||
both: new T({
|
both: new T({
|
||||||
en: 'There are both tools and a pump available',
|
en: 'There are both tools and a pump present',
|
||||||
nl: 'Er is zowel een pomp als gereedschap beschikbaar',
|
nl: 'Er is zowel een pomp als gereedschap aanwezig',
|
||||||
fr: 'TODO: fr'
|
fr: 'TODO: fr'
|
||||||
}),
|
}),
|
||||||
},
|
},
|
||||||
|
|
22
index.css
22
index.css
|
@ -225,24 +225,35 @@ form {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-height: 300px) {
|
@media only screen and (max-height: 600px) {
|
||||||
/* Landscape */
|
/* Landscape */
|
||||||
|
#topleft-tools {
|
||||||
|
margin: 0.3em !important;
|
||||||
|
}
|
||||||
|
|
||||||
#userbadge-and-search {
|
#userbadge-and-search {
|
||||||
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: auto;
|
width: auto;
|
||||||
max-width: 50vw;
|
max-width: 50vw;
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#userbadge {
|
#userbadge {
|
||||||
display: none;
|
position: fixed;
|
||||||
|
right: 0.3em;
|
||||||
|
width: min-content;
|
||||||
|
max-width: 50vw;
|
||||||
|
margin:0;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#topleft-tools {
|
#topleft-tools {
|
||||||
margin: 0.5em;
|
margin: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#userbadge {
|
.collapse-button {
|
||||||
margin-bottom: 0.3em;
|
height: calc(100% - 3.5em) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -347,7 +358,6 @@ form {
|
||||||
}
|
}
|
||||||
|
|
||||||
#filter__selection{
|
#filter__selection{
|
||||||
z-index: 6000;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#filter__selection form {
|
#filter__selection form {
|
||||||
|
|
4
index.ts
4
index.ts
|
@ -18,7 +18,6 @@ import {StrayClickHandler} from "./Logic/StrayClickHandler";
|
||||||
import {SimpleAddUI} from "./UI/SimpleAddUI";
|
import {SimpleAddUI} from "./UI/SimpleAddUI";
|
||||||
import {VariableUiElement} from "./UI/Base/VariableUIElement";
|
import {VariableUiElement} from "./UI/Base/VariableUIElement";
|
||||||
import {SearchAndGo} from "./UI/SearchAndGo";
|
import {SearchAndGo} from "./UI/SearchAndGo";
|
||||||
import {CollapseButton} from "./UI/Base/CollapseButton";
|
|
||||||
import {AllKnownLayouts} from "./Customizations/AllKnownLayouts";
|
import {AllKnownLayouts} from "./Customizations/AllKnownLayouts";
|
||||||
import {CheckBox} from "./UI/Input/CheckBox";
|
import {CheckBox} from "./UI/Input/CheckBox";
|
||||||
import Translations from "./UI/i18n/Translations";
|
import Translations from "./UI/i18n/Translations";
|
||||||
|
@ -42,10 +41,9 @@ if (location.href.startsWith("http://buurtnatuur.be")) {
|
||||||
}
|
}
|
||||||
|
|
||||||
if (location.hostname === "localhost" || location.hostname === "127.0.0.1") {
|
if (location.hostname === "localhost" || location.hostname === "127.0.0.1") {
|
||||||
|
|
||||||
// Set to true if testing and changes should NOT be saved
|
// Set to true if testing and changes should NOT be saved
|
||||||
const testing = QueryParameters.GetQueryParameter("test");
|
const testing = QueryParameters.GetQueryParameter("test");
|
||||||
testing.setData((testing.data === undefined) + "")
|
testing.setData(testing.data ?? "true")
|
||||||
// If you have a testfile somewhere, enable this to spoof overpass
|
// If you have a testfile somewhere, enable this to spoof overpass
|
||||||
// This should be hosted independantly, e.g. with `cd assets; webfsd -p 8080` + a CORS plugin to disable cors rules
|
// This should be hosted independantly, e.g. with `cd assets; webfsd -p 8080` + a CORS plugin to disable cors rules
|
||||||
//Overpass.testUrl = "http://127.0.0.1:8080/streetwidths.geojson";
|
//Overpass.testUrl = "http://127.0.0.1:8080/streetwidths.geojson";
|
||||||
|
|
Loading…
Reference in a new issue