diff options
| author | Pete Bacon Darwin | 2013-11-13 21:44:28 +0000 |
|---|---|---|
| committer | Pete Bacon Darwin | 2013-11-13 21:45:07 +0000 |
| commit | bcdbfdfeae5ef16b603eece99aea73b94b5cc0db (patch) | |
| tree | 9b0b3581e2013185ceaee7865e0bc4d58f3f60e7 /docs/content/guide | |
| parent | afbed10febc4d54e2083d0d0a0eb241b079aa392 (diff) | |
| download | angular.js-bcdbfdfeae5ef16b603eece99aea73b94b5cc0db.tar.bz2 | |
docs(guide/scope): ensure demo CSS styles work in JSFiddle and Plunker
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 #4838
Diffstat (limited to 'docs/content/guide')
| -rw-r--r-- | docs/content/guide/scope.ngdoc | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/docs/content/guide/scope.ngdoc b/docs/content/guide/scope.ngdoc index 342877d7..c59f4009 100644 --- a/docs/content/guide/scope.ngdoc +++ b/docs/content/guide/scope.ngdoc @@ -118,9 +118,9 @@ inheritance, and child scopes prototypically inherit from their parents. This example illustrates scopes in application, and prototypical inheritance of properties. The example is followed by a diagram depicting the scope boundaries. -<div class="show-scope"> <example> <file name="index.html"> + <div class="show-scope-demo"> <div ng-controller="GreetCtrl"> Hello {{name}}! </div> @@ -129,6 +129,7 @@ a diagram depicting the scope boundaries. <li ng-repeat="name in names">{{name}}</li> </ol> </div> + </div> </file> <file name="script.js"> function GreetCtrl($scope) { @@ -140,14 +141,13 @@ a diagram depicting the scope boundaries. } </file> <file name="style.css"> - .show-scope .doc-example-live.ng-scope, - .show-scope .doc-example-live .ng-scope { + .show-scope-demo.ng-scope, + .show-scope-demo .ng-scope { border: 1px solid red; margin: 3px; } </file> </example> -</div> <img class="center" src="img/guide/concepts-scope.png"> |