Css for internal links vs image embed / span.cm-hmd-internal-link

Hi I’m trying to add an arrow to internal links, this works alright, like so:

.cm-s-obsidian span.cm-hmd-internal-link:after {
content: “:arrow_lower_right:︎”;
padding-left: 4px;
padding-right: 4px;
}

The problem is, this also inserts the arrow after filenames, filesize etc for embedded images, i.e. when using ![[…]] … I’m unable to figure out how to restrict this to [[…]] only. Any help/pointers much appreciated!

Thanks

fwiw, this would do the trick:

.cm-s-obsidian .cm-line:not(.cm-active) span.cm-hmd-internal-link:after {
  content: "↘︎";
  padding-left: 4px;
  padding-right: 4px;
}

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.