search

esm7 / obsidian-map-view

Interactive map view for Obsidian.md
MIT License
600 stars 31 forks source link

Grid lines over the map #277

Open BalurPoco opened 2 weeks ago

BalurPoco commented 2 weeks ago

Hi there!

How can I turn these grid lines off? lines

esm7 commented 2 weeks ago

Hi, These lines are most likely caused by a misbehaving custom style, theme or CSS snippet, that is unintentionally adding black borders to the map tiles. Can you check if it happens with any such styles turned off (i.e. the default Obsidian theme and no custom CSS snippets)? If that's the case, the next step would be to locate and fine-tune the misbehaving CSS rule.

BalurPoco commented 2 weeks ago

Now I turned my two CSS snippet off (that's all), and changed the theme back to Default, restarted, but no luck. White lines in light mode, black in dark mode.

white dark

esm7 commented 2 weeks ago

Oh I now notice that I see them too. It was probably introduced in some of the Obsidian update and you are the first to notice! What Obsidian version are you using?

BalurPoco commented 2 weeks ago

I'm on the latest public release on Desktop: 1.6.7

BalurPoco commented 2 weeks ago

This bad boy breaks it. Now how can we fix the map? :)

zoom-levele

esm7 commented 2 weeks ago

There are many suggestions here for how to solve it, you can try them, or I'll investigate when I get the chance soon.

BalurPoco commented 2 weeks ago

There are many suggestions here for how to solve it, you can try them, or I'll investigate when I get the chance soon.

Thanks.

Maybe it's not an universal solution. I use Obsidian with a 110% zoom level, and this CSS snippet solve the issue for me:

.leaflet-tile-container img { width: 257px !important; height: 257px !important; }

BalurPoco commented 2 weeks ago

@esm7 If you can, check it out yourself, because it might be possible to do it better in the plugin code.

esm7 commented 2 weeks ago

That's a great starting point, thanks :)