René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Make title area of code snippet collections more similar to single code snippet titles","articleBody":"\u003c!--\r\nPLEASE HELP US PROCESS GITHUB ISSUES FASTER BY PROVIDING THE FOLLOWING INFORMATION.\r\n\r\nISSUES MISSING IMPORTANT INFORMATION MAY BE CLOSED WITHOUT INVESTIGATION.\r\n--\u003e\r\n\r\n## I'm submitting a...\r\n\u003c!-- Check one of the following options with \"x\" --\u003e\r\n\u003cpre\u003e\u003ccode\u003e\r\n[ ] Regression (a behavior that used to work and stopped working in a new release)\r\n[ ] Bug report  \u003c!-- Please search GitHub for a similar issue or PR before submitting --\u003e\r\n[ ] Performance issue\r\n[ ] Feature request\r\n[X ] Documentation issue or request\r\n[ ] Support request =\u003e Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question\r\n[ X] Other... Please describe: AIO css\r\n\u003c/code\u003e\u003c/pre\u003e\r\n\r\n## Current behavior\r\n\u003c!-- Describe how the issue manifests. --\u003e\r\nA collection of code snippets has a tabbed widget above the code area. That widget contains the titles of the code files, each one clickable to change what's displayed in the code area. The text is medium gray with the standard page background. The current file is underlined in blue. \r\n\r\nhttps://angular.io/tutorial/toh-pt3#final-code-review\r\n\r\nA single code snippet has a single title above the code area. The title is white text on a blue box. \r\n\r\nhttps://angular.io/tutorial/toh-pt3#add-the-input-hero-property\r\n\r\n\r\n## Expected behavior\r\n\u003c!-- Describe what the desired behavior would be. --\u003e\r\nIt would be nice if these were similar in color, font, and border treatment.\r\n\r\n## Minimal reproduction of the problem with instructions\r\n\u003c!--\r\nFor bug reports please provide the *STEPS TO REPRODUCE* and if possible a *MINIMAL DEMO* of the problem via\r\nhttps://stackblitz.com or similar (you can use this template as a starting point: https://stackblitz.com/fork/angular-gitter).\r\n--\u003e\r\n\r\n## What is the motivation / use case for changing the behavior?\r\n\u003c!-- Describe the motivation or the concrete use case. --\u003e\r\nConsistency: Training the eye to recognize all code by the same visual cue\r\n\r\n## Environment\r\n\r\n\u003cpre\u003e\u003ccode\u003e\r\nAngular version: X.Y.Z\r\n\u003c!-- Check whether this is still an issue in the most recent Angular version --\u003e\r\n\r\nBrowser:\r\n- [ ] Chrome (desktop) version XX\r\n- [ ] Chrome (Android) version XX\r\n- [ ] Chrome (iOS) version XX\r\n- [ ] Firefox version XX\r\n- [ ] Safari (desktop) version XX\r\n- [ ] Safari (iOS) version XX\r\n- [ ] IE version XX\r\n- [ ] Edge version XX\r\n \r\nFor Tooling issues:\r\n- Node version: XX  \u003c!-- run `node --version` --\u003e\r\n- Platform:  \u003c!-- Mac, Linux, Windows --\u003e\r\n\r\nOthers:\r\n\u003c!-- Anything else relevant?  Operating system version, IDE, package manager, HTTP server, ... --\u003e\r\n\u003c/code\u003e\u003c/pre\u003e\r\n","author":{"url":"https://github.com/jenniferfell","@type":"Person","name":"jenniferfell"},"datePublished":"2018-05-18T01:19:10.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":7},"url":"https://github.com/23984/angular/issues/23984"}