Skip to content

Tour of Heroes Docs: Missing CSS Styles in src/styles.css #45328

@lee-cooper

Description

@lee-cooper

Description

Tour of Heroes (TOH) Part 0 is missing button styles in src/styles.css. As a result, when developers go through the TOH, button CSS styles that are present in the live examples in src/styles.css are not present in the code snippets at the end of the lesson. This is most apparent in TOH part-2, where a list of buttons are shown without the expected styles.

What is the affected URL?

https://angular.io/tutorial/toh-pt0

Please provide the steps to reproduce the issue

  1. Create new project in TOH Part 0 and apply code snippets to project
  2. Follow steps in TOH part 1 and apply code snippets
  3. Follow steps in TOH part 2 and apply code snippets
  4. View output project styling for heroes.component.html without the expected button styling

Minimal Reproduction
https://stackblitz.com/edit/angular-ivy-3vttek?file=src%2Fstyles.css

Please provide the expected behavior vs the actual behavior you encountered

Expected: heroes.component.html will have expected button styles applied as seen in the live example for TOH part 2
Actual: heroes.component.html does not have button styles applied.

Please provide a screenshot if possible

Actual
TOH-p2-button-styles-actual

Expected
TOH-p2-button-styles-expected

Please provide the exception or error you saw

N/A

Is this a browser-specific issue? If so, please specify the device, browser, and version.

N/A

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions