jeff/umap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Picto field: add hover and selected style

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

11
umap/static/umap/base.css
View file

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

6
umap/static/umap/js/umap.forms.js
View file

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