Picto field: add hover and selected style
This commit is contained in:
parent
4bfc3d6666
commit
8a2109948f
2 changed files with 8 additions and 9 deletions
|
@ -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;
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue