Modernise the UI of the map editor

[arunnbabu81]

Can the map editor be modernized

1. updating the stylesheet of the map editor to be compatible with all palettes - by using CSS properties like <> instead of using hard coded colors.
2. make the borders of the map editor in sidebar blend with TW page background by making the border-color of the map editor same as the background color
3. use better icons for the buttons in the map editor.
4. full-screen and half screen still show white background even if we are using dark palettes.

I tried to make some stylesheet tweaks to make it look better as shown in this demo wiki. It would be nice if the plug in also gets updated to a better looking UI.

[flibbles]

Are you using the latest version of TiddlyMap, because it should be doing a lot of that. The icons in the map editor are a Vis thing, so not really something I can control, but most of the rest of that is implemented.

[arunnbabu81]

Are you using the latest version of TiddlyMap, because it should be doing a lot of that. The icons in the map editor are a Vis thing, so not really something I can control, but most of the rest of that is implemented.

I am using version 0.17.15+10019

[flibbles]

Oh I see. It's more that I missed a few things when I was making TMap compatible with palettes. I'll get around to fixing that eventually.

You're using the old vis.js version instead of vis-network by the way, which is why your buttons are mismatched colors.

[arunnbabu81]

You're using the old vis.js version instead of vis-network by the way, which is why your buttons are mismatched colors.

How to use the vis-network version? Can you link some zip or json file for downloading it?

[arunnbabu81]

@flibbles Can you upload a json file for the latest tiddlymap and hotzone versions, the vis-netwrok plug in as shown in this screenshot.

I tried to add the vis-network plug in from the downloaded zip file, but it was giving error message like this.

[flibbles]

Here's a link for vis-network: https://github.com/flibbles/tw5-vis-network/releases/tag/v9.1.2

As for hotzone, I don't have the authority to create releases, but the one on the tiddlymap.org website should be fine.

As for tiddlymap, there is already a package release for the latest version available.

[flibbles]

There, I put the dependencies in next to tiddlymap.json. Should be easy to figure out now.

[arunnbabu81]

Thank you @flibbles It works now

[flibbles]

I've slightly improved the palette support for fullscreen and halfscreen. Could probably be better, but I don't know what I'm doing in there.