Make class `is-unresolved` available in editor view

Hi,

This would allow us to style the links that don’t have pages in edit mode, which is not yet possible because the only class for links in the edit mode is cm-hmd-internal-link, so there is no differentiation between the two states (created vs not, in the edit mode).

For context, I’d like to achieve something similar to this, but during edit mode, i.e: just adding an emoji for non-existing files (:sparkles:), like this:

.is-unresolved::after {
  content: " ✨"; 
}
.is-unresolved {
  opacity: 1 !important;
}


Currently, the way it works is with opacity: 0.5 but I think this is a very small difference that can go unnoticed, so the emoji helps with visibility (it’s up to anyone to change it – it’s custom CSS after all)

This makes it really obvious to differentiate which pages are not created and which ones are, in the preview mode. It’s just not yet possible to have the same behavior in the edit mode.

This, I believe, would help avoid/mitigate the creation of new blank pages by mistake when navigating from the edit view.

3 Likes

+1, I work almost exclusively in edit mode and this would be invaluable to me :+1:

Didn’t notice there was already a discussion about this going on.

I just added my comment there, this one can be archived/closed/deleted.

A post was merged into an existing topic: Styling for internal link without file (After 0.9.4 in edit mode)