'Page not yet created' links do not reflect that

[mirunacurtean]

Steps to reproduce:

1. Go to https://developer.allizom.org/en-US/docs/Web/JavaScript/Reference/Global_Objects#Control_abstraction_objects.
2. View all code examples.
3. Hover over the AsyncGenerator and AsyncGeneratorFunction links and see that pages for this have not yet been created.

Actual results:
Unwritten pages links are indistunguashable from written ones.

Expected result:
Visual warning through red colour that pages have not been written yet.

[ghost]

I don't know how this is handled in Kuma but it seems like a smart way to handle it not to set href and then use an attribute selector for the style.

[peterbe]

This what I call pre-launch regression. We had it working recently but it seems to have gone away.
As you can see, the HTML is correct.

<a class="new" 
  title="The documentation about this has not yet been written; please consider contributing!" 
 data-flaw-src="{{JSxRef(&quot;Global_Objects/AsyncGenerator&quot;, &quot;AsyncGenerator&quot;)}}">  <code>AsyncGenerator</code>
</a>

@schalkneethling we used to have a a.new style, but perhaps that was back in the "kumastyles" day.
If we can't fix this rapidly before the launch, I think we should try to prioritize it for early next week.
In my view, we just need some color on those links that make them look less like a clickable link.

[ghost]

I finally found a reason to use a:link 🧐 So it would appear to

• a -> red
• a:link -> blue.

https://css-tricks.com/how-to-disable-links/

SEO should be happy this way too.

For Sass - mdn/minimalist

@schalkneethling
In the CSS trick article "lazily" even the same rules of the :visited are put together but in Sass I would abound with braces.

a {
 color: red;
 :link {
  color: blue;
  }
 :visited {
  color: MediumSeaGreen 🤷🏻‍♂️
  }
}

For React

TBD

[peterbe]

I quite like their idea about cursor: not-allowed;

[ghost]

Nice orange 🍊🙂👍