Skirda/LiveAtlas
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Prefix icon ids to avoid conflicts

Browse Source
This commit is contained in:
James Lyne 2021-05-27 15:14:47 +01:00
parent c73e2682eb
commit 8fb37cccec
7 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/SvgIcon.vue
View File

@ -39,7 +39,7 @@ export default {
computed: {
iconPath() {
return `#${this.name}`;
return `#icon--${this.name}`;
},
className() {

2
src/leaflet/control/ChatControl.ts
View File

@ -36,7 +36,7 @@ export class ChatControl extends Control {
chatButton.title = useStore().state.messages.chatTitle;
chatButton.innerHTML = `
<svg class="svg-icon">
<use xlink:href="#chat" />
<use xlink:href="#icon--chat" />
</svg>`;
chatButton.addEventListener('click', e => {

8
src/leaflet/control/ClockControl.ts
View File

@ -68,11 +68,11 @@ export class ClockControl extends Control {
this._sun!.innerHTML = `
<svg class="svg-icon" aria-hidden="true">
<use xlink:href="#clock_sun" />
<use xlink:href="#icon--clock_sun" />
</svg>`;
this._moon!.innerHTML = `
<svg class="svg-icon" aria-hidden="true">
<use xlink:href="#clock_moon" />
<use xlink:href="#icon--clock_moon" />
</svg>`;
if (this.options.showDigitalClock) {
@ -155,7 +155,7 @@ export class ClockControl extends Control {
if(this._sun && this._currentSunIcon !== icon) {
this._sun!.innerHTML = `
<svg class="svg-icon" aria-hidden="true">
<use xlink:href="#${icon}" />
<use xlink:href="#icon--${icon}" />
</svg>`;
this._currentSunIcon = icon;
}
@ -165,7 +165,7 @@ export class ClockControl extends Control {
if(this._moon && this._currentMoonIcon !== icon) {
this._moon!.innerHTML = `
<svg class="svg-icon" aria-hidden="true">
<use xlink:href="#${icon}" />
<use xlink:href="#icon--${icon}" />
</svg>`;
this._currentMoonIcon = icon;
}

4
src/leaflet/control/DynmapLayerControl.ts
View File

@ -60,7 +60,7 @@ export class DynmapLayerControl extends Control.Layers {
this._layersLink!.setAttribute('aria-expanded', 'false');
this._layersLink!.innerHTML = `
<svg class="svg-icon" aria-hidden="true">
<use xlink:href="#layers" />
<use xlink:href="#icon--layers" />
</svg>`;
return element;
@ -135,7 +135,7 @@ export class DynmapLayerControl extends Control.Layers {
item.appendChild(input);
item.insertAdjacentHTML('beforeend', `
<svg class="svg-icon" aria-hidden="true">
<use xlink:href="#checkbox" />
<use xlink:href="#icon--checkbox" />
</svg>`);
item.appendChild(label);

2
src/leaflet/control/LinkControl.ts
View File

@ -38,7 +38,7 @@ export class LinkControl extends Control {
linkButton.title = useStore().state.messages.linkTitle;
linkButton.innerHTML = `
<svg class="svg-icon" aria-hidden="true">
<use xlink:href="#link" />
<use xlink:href="#icon--link" />
</svg>`;
linkButton.addEventListener('click', e => {

2
src/leaflet/control/LoadingControl.ts
View File

@ -56,7 +56,7 @@ export class LoadingControl extends Control {
this._loadingIndicator.hidden = true;
this._loadingIndicator.innerHTML = `
<svg class="svg-icon">
<use xlink:href="#loading" />
<use xlink:href="#icon--loading" />
</svg>`;
this._addLayerListeners(map);

2
vite.config.ts
View File

@ -8,7 +8,7 @@ import analyze from 'rollup-plugin-analyzer';
export default defineConfig({
plugins: [vue(), analyze(), svgSpritePlugin({
symbolId: (name) => name,
symbolId: (name) => `icon--${name}`,
})],
base: './',
server: {