Optionally show filename in code sections about angular.io HOT 8 CLOSED

@kwalrath @alexwolfe Just in case you haven't seen the changes from my pull request, the idea is to display names in header.

File names have blue text color to correspond to the active button, and they appear with the same 'fadein' effect as code, which visually unite them. Additionally they have a nice "file-ish" icon.

All of this lets user notice this information, which is pretty important for tutorials.

For a single code snippet, they might still be showcased in header like this:

Hope this helps!

from angular.io.

@gorork this is very nice, thank you for the help. I'll tag you when my branch is in and we push the directives out, I'll likely incorporate your handy work. Great stuff, thank you! 👍

from angular.io.

@alexwolfe Sounds good!
In a meantime, do you have something visual I could help with (e.g. #20 or #41)? However, if somebody is already working on these two, then maybe something else?

from angular.io.

@gorork Thanks I actually have two:

1. #119
2. #19

Thanks so much for the help, I'll throw some more interesting design one's you're way when they pop up. Feel free to reassign those two to me if you're not comfortable with them or they don't look like fun :)

from angular.io.

@gorork I love your solution.

from angular.io.

@kwalrath @alexwolfe Hey guys, it's been a while! Any update on this issue?

from angular.io.

@naomiblack does the latest site design handle the issue of providing a title for single files?

from angular.io.

To answer my own question: Yes it does. See https://angular.io/docs/styleguide.html for details of using +makeExample.

from angular.io.