diff --git a/umap/static/umap/css/form.css b/umap/static/umap/css/form.css
index 020888bf..e7496bb9 100644
--- a/umap/static/umap/css/form.css
+++ b/umap/static/umap/css/form.css
@@ -476,15 +476,6 @@ i.info {
.umap-download:before {
background-position: -72px -78px;
}
-.permissions-panel,
-.umap-upload,
-.umap-share,
-.umap-datalayer-container,
-.umap-layer-properties-container,
-.umap-browse-data,
-.umap-tilelayer-switcher-container {
- padding: 0 10px;
-}
.umap-field-datalist {
display: flex;
justify-content: space-between;
@@ -615,6 +606,6 @@ input[type=hidden].blur + [type="button"] {
input.highlightable:not(:placeholder-shown) {
border: 1px solid var(--color-brightCyan);
}
-.umap-upload [type=url] {
+.umap-import [type=url] {
margin-bottom: 0;
}
diff --git a/umap/static/umap/css/panel.css b/umap/static/umap/css/panel.css
index 1a09b09c..b43a8027 100644
--- a/umap/static/umap/css/panel.css
+++ b/umap/static/umap/css/panel.css
@@ -107,3 +107,20 @@
border-bottom-right-radius: 0;
}
}
+
+:has(.right[data-highlight="caption"]) li[data-ref="caption"] button,
+:has(.right[data-highlight="caption"]) li[data-ref="caption"] button:hover,
+:has(.right[data-highlight="import"]) li[data-ref="import"] button,
+:has(.right[data-highlight="import"]) li[data-ref="import"] button:hover,
+:has(.right[data-highlight="layers"]) li[data-ref="layers"] button,
+:has(.right[data-highlight="layers"]) li[data-ref="layers"] button:hover,
+:has(.right[data-highlight="tilelayers"]) li[data-ref="tilelayers"] button,
+:has(.right[data-highlight="tilelayers"]) li[data-ref="tilelayers"] button:hover,
+:has(.right[data-highlight="center"]) li[data-ref="center"] button,
+:has(.right[data-highlight="center"]) li[data-ref="center"] button:hover,
+:has(.right[data-highlight="permissions"]) li[data-ref="permissions"] button,
+:has(.right[data-highlight="permissions"]) li[data-ref="permissions"] button:hover,
+:has(.right[data-highlight="settings"]) li[data-ref="settings"] button,
+:has(.right[data-highlight="settings"]) li[data-ref="settings"] button:hover {
+ background-color: var(--color-mediumGray);
+}
diff --git a/umap/static/umap/js/modules/data/layer.js b/umap/static/umap/js/modules/data/layer.js
index fa839b35..e17fc758 100644
--- a/umap/static/umap/js/modules/data/layer.js
+++ b/umap/static/umap/js/modules/data/layer.js
@@ -897,6 +897,7 @@ export class DataLayer extends ServerStored {
this._umap.editPanel.open({
content: container,
+ highlight: 'layers',
actions: [backButton],
})
}
diff --git a/umap/static/umap/js/modules/importer.js b/umap/static/umap/js/modules/importer.js
index 7672dcdb..d375d164 100644
--- a/umap/static/umap/js/modules/importer.js
+++ b/umap/static/umap/js/modules/importer.js
@@ -10,7 +10,7 @@ import Dialog from './ui/dialog.js'
import * as Utils from './utils.js'
const TEMPLATE = `
-
+
${translate('Import data')}