Meshviewer Router Icon (SVG) - größe einstellen

Technik
1

Nun habe ich einen funktionieren Meshviewer - aber wenn ich auf einen Router clicke geht das Icon (SVG) des Routers über die gesamte Breite. Ich habe mir lib/infobox/node.ts angesehen, aber weiss nicht, wie ich die Größe anpassen kann.

    // Device picture
    let devicePictures: VNode = showDevicePictures(config.devicePictures, node);
    let devicePicturesContainerData = {
      props: {
        className: "hw-img-container",
      },
    };
    newContainer.children.push(devicePictures ? h("div", devicePicturesContainerData, devicePictur>
    let attributeTable = h("table", { props: { className: "attributes" } }, []);

Kennt sich jemand mit Typescript aus und kann mir weiterhelfen?

2

Ein Lösung:
unter className: „hw-img-container“

style: "width: 40%",

hinzufügen.

3

Hi @misanthropos ,
was genau hättest du gerne?
Normalerweise sieht das ganze bspw so aus:

image
image501×390 23.2 KB

Mit deiner Änderung dann etwa so:

image
image501×390 23.1 KB

Und wenn du das zentrieren weg lässt (justify-content: normal statt center), bekommst du es linksbündig:

image
image501×390 23.2 KB

Ich finde die zentrierten Bilder (den default) eigentlich am schönsten.

Viele Grüße

4

Hallo @fmaurer,

bei mir waren die Icons riesig! Vielleicht gibt es eine Einstellung, die ich übersehen hatte, aber die Icons füllen den ganzen div aus. Es ist gar nicht einfach eine public/config.json zu finden, um mal nachzusehen, was dort definiert ist. In der example.config.json habe ich jedenfalls nichts zur Größe der Icons finden können.
Zentriert finde ich auch schöner und hatte das auch kurz versucht, aber habs nach ein paar Fehlversuchen gelassen.

Lieben Gruß

5

Du kannst auf bspw https://map.aachen.freifunk.net (analog jeder andere meshviewer) gehen.
F12 drücken, Seite neu laden, den Request nach https://map.aachen.freifunk.net/config.json finden. Und dich über die Config freuen.

Der relevante Teil davon ist:

  "devicePictures": "https://map.aachen.freifunk.net/pictures-svg/{MODEL_NORMALIZED}.svg",
  "devicePicturesSource": "<a href='https://github.com/freifunk/device-pictures'>https://github.com/freifunk/device-pictures</a>",
  "devicePicturesLicense": "CC-BY-NC-SA 4.0",

Eine Größeneinstellung gibt es nicht.
Das ist ein Bug, welcher mit diesem PR gefixt wird:

Alternativ kannst du einen früheren Commit benutzen.

Vielen Dank für den Bug-Report und viele Grüße
Florian

1 „Gefällt mir“
6

Tipptopp, jetzt sieht es so aus, wie es soll!
Danke auch für den Tipp!

Lieben Gruß
Richard