Move border of arrow more/less box to div to better align with other icons

This commit is contained in:
Yohan Boniface 2023-06-29 22:30:57 +02:00
parent 86bff268ba
commit fa742a329f
2 changed files with 13 additions and 11 deletions

View file

@ -359,9 +359,9 @@ L.U.MoreControls = L.Control.extend({
}, },
onAdd: function () { onAdd: function () {
const container = L.DomUtil.create('div', ''), const container = L.DomUtil.create('div', 'umap-control-text'),
more = L.DomUtil.create('a', 'umap-control-more umap-control-text', container), more = L.DomUtil.create('a', 'umap-control-more', container),
less = L.DomUtil.create('a', 'umap-control-less umap-control-text', container) less = L.DomUtil.create('a', 'umap-control-less', container)
more.href = '#' more.href = '#'
more.title = L._('More controls') more.title = L._('More controls')

View file

@ -58,10 +58,10 @@ a.umap-control-less {
.umap-control-more, .umap-control-more,
.umap-control-less { .umap-control-less {
background-image: url('./img/24-white.svg'); background-image: url('./img/24-white.svg');
background-position: -109px -476px; background-position: -108px -476px;
} }
.umap-control-less { .umap-control-less {
background-position: -73px -475px; background-position: -72px -474px;
} }
.umap-more-controls .display-on-more, .umap-more-controls .display-on-more,
.umap-more-controls .umap-control-less { .umap-more-controls .umap-control-less {
@ -101,12 +101,7 @@ a.umap-control-less {
.leaflet-control-search a.loading { .leaflet-control-search a.loading {
background-image: url('./img/search.gif'); background-image: url('./img/search.gif');
} }
a.umap-control-text { .umap-control-text {
float: right;
margin: 0;
width: 36px;
height: 23px;
line-height: 23px;
border: 1px solid #444; border: 1px solid #444;
border-radius: 2px; border-radius: 2px;
background-color: #666; background-color: #666;
@ -114,6 +109,13 @@ a.umap-control-text {
text-align: center; text-align: center;
font-size: 0.8em; font-size: 0.8em;
} }
.umap-control-text a {
float: right;
margin: 0;
width: 36px;
height: 23px;
line-height: 23px;
}
.leaflet-control-edit-enable a { .leaflet-control-edit-enable a {
background-position: 0 0; background-position: 0 0;
background-color: #353c3e; background-color: #353c3e;