Picto field: add hover and selected style

This commit is contained in:
Yohan Boniface 2023-11-15 18:15:30 +01:00
parent 4bfc3d6666
commit 8a2109948f
2 changed files with 8 additions and 9 deletions

View file

@ -569,9 +569,6 @@ i.info {
background-color: #999;
text-align: center;
margin-bottom: 5px;
display: none;
}
.umap-pictogram-choice.visible {
display: block;
}
.umap-pictogram-choice img {
@ -579,11 +576,13 @@ i.info {
max-width: 24px;
}
.umap-pictogram-choice:hover,
.umap-pictogram-choice.selected,
.umap-color-picker span:hover {
box-shadow: 0 0 4px 0 rgb(66, 236, 230);
background-color: #aaa;
background-color: #bebebe;
}
.umap-pictogram-choice.selected {
box-shadow: inset 0 0 0 1px #e9e9e9;
}
.umap-pictogram-choice .leaflet-marker-icon {
bottom: 0;
left: 30px;

View file

@ -591,7 +591,7 @@ L.FormBuilder.IconUrl = L.FormBuilder.BlurInput.extend({
'',
L.DomUtil.create(
'div',
'umap-pictogram-choice visible',
'umap-pictogram-choice',
this.buttonsContainer
)
)
@ -603,7 +603,7 @@ L.FormBuilder.IconUrl = L.FormBuilder.BlurInput.extend({
'',
L.DomUtil.create(
'div',
'umap-pictogram-choice visible',
'umap-pictogram-choice',
this.buttonsContainer
)
)
@ -621,7 +621,7 @@ L.FormBuilder.IconUrl = L.FormBuilder.BlurInput.extend({
},
addIconPreview: function (pictogram, parent) {
const baseClass = 'umap-pictogram-choice visible',
const baseClass = 'umap-pictogram-choice',
value = pictogram.src,
search = this.searchInput.value.toLowerCase(),
title = pictogram.attribution