chore: make panel toolbox sticky instead of fixed

No need to deal with width, that way.

umap/static/umap/css/panel.css

@@ -58,14 +58,12 @@
     gap: 5px;
     line-height: 2.2em;
     background-color: #fff;
-    position: fixed;
+    position: sticky;
+    top: 0;
 }
 .panel.dark .toolbox {
     background-color: var(--color-darkGray);
 }
-.panel.full .toolbox {
-    width: calc(100% - 112px);
-}
 .panel .toolbox li {
     cursor: pointer;
     display: inline;
@@ -93,10 +91,6 @@
         margin-top: 10px;
         width: 400px;
     }
-    .panel .toolbox {
-        /* It overflows otherwise, dunno why */
-        width: 398px;
-    }
     .panel.condensed {
         max-height: 500px;
         bottom: initial;
@@ -131,9 +125,6 @@
     .panel.left {
         left: -100%;
     }
-    .panel .toolbox {
-        width: 100%;
-    }
     .panel.on {
         right: 0;
         left: 0;

umap/static/umap/js/umap.core.js

@@ -120,7 +120,7 @@ L.DomUtil.createLink = (className, container, content, url, target, title) => {
 L.DomUtil.createIcon = (parent, className, title, size = 16) => {
   return L.DomUtil.element(
     'i',
-    { className: `icon icon-${size} ${className}`, title: title },
+    { className: `icon icon-${size} ${className}`, title: title || '' },
     parent
   )
 }

umap/static/umap/js/umap.tableeditor.js

@@ -99,7 +99,7 @@ U.TableEditor = L.Class.extend({
     this.body.innerHTML = ''
     this.datalayer.eachLayer(this.renderRow, this)
     const addButton = L.DomUtil.create('li', 'add-property')
-    L.DomUtil.create('i', 'icon icon-16 icon-add', addButton)
+    L.DomUtil.createIcon(addButton, 'icon-add')
     const label = L.DomUtil.create('span', '', addButton)
     label.textContent = label.title = L._('Add a new property')
     const addProperty = function () {