From 42615663d5826e4c59f79bc7b90661e882f8b340 Mon Sep 17 00:00:00 2001 From: Malvoz <26493779+Malvoz@users.noreply.github.com> Date: Wed, 9 Dec 2020 19:31:58 +0100 Subject: [PATCH] Increase default size of primary tap targets --- index-mapml-viewer.html | 2 +- src/mapml.css | 32 ++++++++++++++++++++------------ src/mapml/layers/DebugLayer.js | 4 ++-- 3 files changed, 23 insertions(+), 15 deletions(-) diff --git a/index-mapml-viewer.html b/index-mapml-viewer.html index d7fb1eb45..3312310f6 100644 --- a/index-mapml-viewer.html +++ b/index-mapml-viewer.html @@ -54,7 +54,7 @@ - + diff --git a/src/mapml.css b/src/mapml.css index b19d290ba..208146341 100644 --- a/src/mapml.css +++ b/src/mapml.css @@ -38,19 +38,27 @@ /* * Controls. */ + + .leaflet-top .leaflet-control { + margin-top: 5px; + } + + .leaflet-left .leaflet-control { + margin-left: 5px; + } .leaflet-bar a { box-sizing: border-box; - width: 30px !important; - height: 30px !important; - line-height: 30px !important; - font-size: 24px !important; + width: 44px !important; + height: 44px !important; + line-height: 44px !important; + font-size: 34px !important; font-weight: normal; } .leaflet-control-layers-toggle { - width: 36px !important; - height: 36px !important; + width: 44px !important; + height: 44px !important; } .leaflet-bar a, @@ -103,12 +111,12 @@ */ .leaflet-control-fullscreen a { - background-size: 30px 60px !important; - background-position: 0 0 !important; + background-size: 38px 76px !important; + background-position: 3px 3px !important; } .leaflet-fullscreen-on .leaflet-control-fullscreen a { - background-size: 30px 60px !important; - background-position: 0 -30px !important; + background-size: 38px 76px !important; + background-position: 3px -35px !important; } /* @@ -116,8 +124,8 @@ */ .leaflet-control-layers.leaflet-control { - margin-right: 10px; - margin-left: 10px; + margin-right: 5px; + margin-left: 5px; padding: 0; } diff --git a/src/mapml/layers/DebugLayer.js b/src/mapml/layers/DebugLayer.js index b4321a111..b2a14db17 100644 --- a/src/mapml/layers/DebugLayer.js +++ b/src/mapml/layers/DebugLayer.js @@ -20,8 +20,8 @@ export var DebugOverlay = L.Layer.extend({ this._container.style.zIndex = 10000; this._container.style.position = "absolute"; this._container.style.top = "auto"; - this._container.style.bottom = "10px"; - this._container.style.left = "10px"; + this._container.style.bottom = "5px"; + this._container.style.left = "5px"; this._container.style.right = "auto"; }