Documentation pages navigation: highlight currently selected page

[gavinr]

I'll admit this is a subjective request, but I personally find it easier when the page I'm on highlights itself in the navigation. It helps me get my bearings if maybe I arrived on this page from a search engine or outside link. So I would propose changing this:

to something like this:

(notice the background highlight on the selected page in the nav)

Just throwing it out there to see what you all think! Thanks!

[jgravois]

definitely a good suggestion.

[noahmulfinger]

The highlighting actually works if you run the docs locally. I think we need to change something in the calcite web configuration so it works in both environments.

[gavinr]

I see now - yes, when running the doc locally the current page in the navigation is outlined:

I'm not too familiar with the docs build system, but FWIW it looks like the list-item-active class is just not getting added to the div when hosted in production:

vs locally hosted:

[jgravois]

the problem is worse than that. is-active isn't being set on page load in production anywhere on page load.

proposed fix hack in #334

[gavinr]

looks great @jgravois!

[tomwayson]

I hate to even bring this up, but in FF I can get the nav in a state where both nav links appear active by going from one to the other and then using the back button (or key board shortcut):

As long as navigate back/forward using the built in browser controls both continue to appear active, but when I click on either one, only that one will be appear active.

Other than that this looks great, and I'm not even sure a fix for ^^^ is worth the trouble.

[jgravois]

feature-service pages expand the 'admin' package tree too. 😉