Skip to content
This repository was archived by the owner on Apr 12, 2024. It is now read-only.

docs(guide/scope): correct CSS rules in Scope Hierarchies example #4838

Closed
wants to merge 1 commit into from

Conversation

aevange
Copy link
Contributor

@aevange aevange commented Nov 8, 2013

Remove extra selectors .show-scope and .doc-example-live.

These classes do not appear using the provided code; the example will not work.

Fiddle example of change: http://jsfiddle.net/72KP4/

Remove extra selectors .show-scope .doc-example-live.

These classes do not appear using the provided code; the example will not work.

Fiddle example of change: http://jsfiddle.net/72KP4/
@petebacondarwin
Copy link
Contributor

These CSS classes do appear on the actual documentation pages - just not if you click "Edit". Without them the entire page becomes bordered with red:

image

I think the better solution is to put in a specific class within the example and use that to scope the CSS styling

@aevange
Copy link
Contributor Author

aevange commented Nov 13, 2013

Since these are the CSS rules for the actual pages I agree with your solution.

jamesdaily pushed a commit to jamesdaily/angular.js that referenced this pull request Jan 27, 2014
The CSS styling in the ng-scope demo was using CSS classes (`.doc-example-live` and
`.show-scope') to prevent the styling for the demo from affecting the entire page.
Unfortunately elements containing these classes did not appear in JSFiddle or Plunker
when you click edit.

This fix moves the `.show-scope' class inside the demo (renaming it `.show-scope-demo`)
and removes the reliance on `.doc-example-live` altogether.

Closes angular#4838
jamesdaily pushed a commit to jamesdaily/angular.js that referenced this pull request Jan 27, 2014
The CSS styling in the ng-scope demo was using CSS classes (`.doc-example-live` and
`.show-scope') to prevent the styling for the demo from affecting the entire page.
Unfortunately elements containing these classes did not appear in JSFiddle or Plunker
when you click edit.

This fix moves the `.show-scope' class inside the demo (renaming it `.show-scope-demo`)
and removes the reliance on `.doc-example-live` altogether.

Closes angular#4838
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants