nakarte

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

custom layers: set width of name layer input to 100%. #362

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

2 files changed, 7 insertions(+), 2 deletions(-)
diff --git a/src/lib/leaflet.control.layers.configure/index.js b/src/lib/leaflet.control.layers.configure/index.js
@@ -294,8 +294,8 @@ function enableConfig(control, {layers, customLayersOrder}) {
 <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/>
 <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/>
+<input maxlength="40" class="layer-name" data-bind="value: name"/></label><br/>
+<label>Tile url template<br/><textarea data-bind="value: url" class="layer-url"></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/>
 <hr/>
diff --git a/src/lib/leaflet.control.layers.configure/style.css b/src/lib/leaflet.control.layers.configure/style.css
@@ -126,6 +126,11 @@
     box-sizing: border-box;
 }
 
+.custom-layers-window .layer-name,
+.custom-layers-window .layer-url {
+    width: 100%;
+}
+
 .custom-layers-window .button:hover {
     background-color: #f4f4f4;
 }