Compare commits

..

No commits in common. "aea422a24765330b50418c578290896794b59323" and "815ff046ff723bd48ca08cd3c22b326d44369ddf" have entirely different histories.

4 changed files with 6 additions and 10 deletions

View file

@ -137,9 +137,6 @@ button.round {
border-radius: 20px; border-radius: 20px;
border: 0.5px solid rgba(153, 153, 153, 0.40); border: 0.5px solid rgba(153, 153, 153, 0.40);
} }
button.round.small {
padding: var(--button-padding-small);
}
.help-text, .helptext { .help-text, .helptext {
display: block; display: block;
padding: 7px 7px; padding: 7px 7px;

View file

@ -46,7 +46,7 @@ export default class Browser {
const symbol = feature._getIconUrl const symbol = feature._getIconUrl
? Icon.formatUrl(feature._getIconUrl(), feature) ? Icon.formatUrl(feature._getIconUrl(), feature)
: null : null
title.textContent = title.title = feature.getDisplayName() || '—' title.textContent = feature.getDisplayName() || '—'
const bgcolor = feature.getPreviewColor() const bgcolor = feature.getPreviewColor()
colorBox.style.backgroundColor = bgcolor colorBox.style.backgroundColor = bgcolor
if (symbol && symbol !== U.SCHEMA.iconUrl.default) { if (symbol && symbol !== U.SCHEMA.iconUrl.default) {
@ -97,7 +97,7 @@ export default class Browser {
DomEvent.on(toggle, 'click', toggleList) DomEvent.on(toggle, 'click', toggleList)
datalayer.renderToolbox(headline) datalayer.renderToolbox(headline)
const name = DomUtil.create('span', 'datalayer-name', headline) const name = DomUtil.create('span', 'datalayer-name', headline)
name.textContent = name.title = datalayer.options.name name.textContent = datalayer.options.name
DomEvent.on(name, 'click', toggleList) DomEvent.on(name, 'click', toggleList)
container.innerHTML = '' container.innerHTML = ''
datalayer.eachFeature((feature) => this.addFeature(feature, container)) datalayer.eachFeature((feature) => this.addFeature(feature, container))

View file

@ -8,9 +8,9 @@ const TEMPLATE = `
<i class="icon icon-16 icon-caption icon-block"></i> <i class="icon icon-16 icon-caption icon-block"></i>
<hgroup> <hgroup>
<h3><span class="map-name" data-ref="name"></span></h3> <h3><span class="map-name" data-ref="name"></span></h3>
<p data-ref="author"></p>
<p class="dates" data-ref="dates"></p> <p class="dates" data-ref="dates"></p>
<p><button type="button" class="round small" data-ref="star" title="${translate('Star this map')}"><i class="icon icon-16 icon-star map-star"></i><span class="map-stars"></span></button></p> <p data-ref="author"></p>
<p><button type="button" class="round" data-ref="star" title="${translate('Star this map')}"><i class="icon icon-16 icon-star map-star"></i><span class="map-stars"></span></button></p>
</hgroup> </hgroup>
</div> </div>
<div class="umap-map-description text" data-ref="description"></div> <div class="umap-map-description text" data-ref="description"></div>
@ -73,10 +73,10 @@ export default class Caption extends Utils.WithTemplate {
) )
this.addCredits() this.addCredits()
if (this._umap.properties.created_at) { if (this._umap.properties.created_at) {
const created_at = translate('created at {date}', { const created_at = translate('Created at {date}', {
date: new Date(this._umap.properties.created_at).toLocaleDateString(), date: new Date(this._umap.properties.created_at).toLocaleDateString(),
}) })
const modified_at = translate('modified at {date}', { const modified_at = translate('Modified at {date}', {
date: new Date(this._umap.properties.modified_at).toLocaleDateString(), date: new Date(this._umap.properties.modified_at).toLocaleDateString(),
}) })
this.elements.dates.innerHTML = `${created_at} - ${modified_at}` this.elements.dates.innerHTML = `${created_at} - ${modified_at}`

View file

@ -25,7 +25,6 @@
--button-neutral-background: var(--color-lightGray); --button-neutral-background: var(--color-lightGray);
--button-neutral-color: var(--color-darkGray); --button-neutral-color: var(--color-darkGray);
--button-padding: 8px 16px; --button-padding: 8px 16px;
--button-padding-small: 2px 8px;
/* Sizes and spaces */ /* Sizes and spaces */
--gutter: 8px; --gutter: 8px;