nakarte

commit 441115b122a72a05dac936a42579df0acb8e6d40
parent 62515f816f72cce428380077957b57e566429178
Author: Sergey Orlov <wladimirych@gmail.com>
Date:   Sat, 11 Apr 2020 11:47:59 +0200

custom layers: limit custom layer name length to 40 characters. #362

Diffstat:
M
src/lib/leaflet.control.layers.configure/index.js
 | 
4
+++-
M
src/lib/leaflet.control.layers.configure/style.css
 | 
8
++++++--

2 files changed, 9 insertions(+), 3 deletions(-)
diff --git a/src/lib/leaflet.control.layers.configure/index.js b/src/lib/leaflet.control.layers.configure/index.js
@@ -292,7 +292,9 @@ function enableConfig(control, {layers, customLayersOrder}) {
 /* eslint-disable max-len */
                 const formHtml = `
 <p><a class="doc-link" href="https://leafletjs.com/reference-1.0.3.html#tilelayer" target="_blank">See Leaflet TileLayer documentation for url format</a></p>
-<label>Layer name<br/><input data-bind="value: name"/></label><br/>
+<label>Layer name<br/>
+<span class="hint">Maximum 40 characters</span><br/>
+<input maxlength="40" style="width: 100%" data-bind="value: name"/></label><br/>
 <label>Tile url template<br/><textarea data-bind="value: url" style="width: 100%"></textarea></label><br/>
 <label><input type="radio" name="overlay" data-bind="checked: isOverlay, checkedValue: false">Base layer</label><br/>
 <label><input type="radio" name="overlay" data-bind="checked: isOverlay, checkedValue: true">Overlay</label><br/>
diff --git a/src/lib/leaflet.control.layers.configure/style.css b/src/lib/leaflet.control.layers.configure/style.css
@@ -156,4 +156,9 @@
 .custom-layers-window hr {
     border: none;
     border-top: 1px solid hsl(0, 0%, 85%);
-}
-\ No newline at end of file
+}
+
+.custom-layers-window .hint {
+    font-size: 10px;
+    color: #777;
+}