fix: fix icon and button for version restore
Some checks failed
Test & Docs / tests (postgresql, 3.10) (push) Has been cancelled
Test & Docs / tests (postgresql, 3.12) (push) Has been cancelled
Test & Docs / lint (push) Has been cancelled

Co-authored-by: David Larlet <david@larlet.fr>
This commit is contained in:
Yohan Boniface 2025-03-26 18:04:36 +01:00
parent be83eddbd0
commit 64c7fe1ec9
2 changed files with 11 additions and 21 deletions

View file

@ -831,8 +831,9 @@ export class DataLayer extends ServerStored {
this
)
if (this._umap.properties.urls.datalayer_versions)
if (this._umap.properties.urls.datalayer_versions) {
this.buildVersionsFieldset(container)
}
const advancedActions = DomUtil.createFieldset(
container,
@ -907,10 +908,15 @@ export class DataLayer extends ServerStored {
const appendVersion = (data) => {
const date = new Date(Number.parseInt(data.at, 10))
const content = `${date.toLocaleString(U.lang)} (${Number.parseInt(data.size) / 1000}Kb)`
const el = DomUtil.create('div', 'umap-datalayer-version', versionsContainer)
const button = DomUtil.createButton('', el, '', () => this.restore(data.ref))
button.title = translate('Restore this version')
DomUtil.add('span', '', el, content)
const [el, { button }] = Utils.loadTemplateWithRefs(
`<div class="umap-datalayer-version">
<button type="button" title="${translate('Restore this version')}" data-ref=button>
<i class="icon icon-16 icon-restore"></i> ${content}
</button>
</div>`
)
versionsContainer.appendChild(el)
button.addEventListener('click', () => this.restore(data.ref))
}
const versionsContainer = DomUtil.createFieldset(container, translate('Versions'), {

View file

@ -475,22 +475,6 @@ ul.photon-autocomplete {
font-style: italic;
}
.umap-datalayer-version {
padding: 5px 0;
border-bottom: 1px solid #202425;
}
.umap-datalayer-version button {
display: inline-block;
width: 24px;
min-height: 24px;
background-position: -122px -73px;
background-repeat: no-repeat;
background-image: url('./img/16-white.svg');
margin-inline-end: 10px;
}
.leaflet-toolbar-tip {
background-color: var(--color-darkGray);
}