docs(ngHide): use proper selector when overriding the CSS

iangreenleaf · petebacondarwin · commit 2264413beb96 · 2015-01-29T22:13:35.000Z
The animation selector gives the default styles greater specificity that should be matched when overriding. Closes angular#10902 Closes angular#10913
diff --git a/src/ng/directive/ngShowHide.js b/src/ng/directive/ngShowHide.js
@@ -40,10 +40,11 @@ var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';
  *
  * By default, the `.ng-hide` class will style the element with `display: none!important`. If you wish to change
  * the hide behavior with ngShow/ngHide then this can be achieved by restating the styles for the `.ng-hide`
- * class in CSS:
+ * class CSS. Note that the selector that needs to be used is actually `.ng-hide:not(.ng-hide-animate)` to cope
+ * with extra animation classes that can be added.
  *
  * ```css
- * .ng-hide {
+ * .ng-hide:not(.ng-hide-animate) {
  *   /&#42; this is just another form of hiding an element &#42;/
  *   display: block!important;
  *   position: absolute;

Original file line number	Diff line number	Diff line change
`@@ -40,10 +40,11 @@ var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';`
`40`	`40`	`*`
`41`	`41`	* By default, the `.ng-hide` class will style the element with `display: none!important`. If you wish to change
`42`	`42`	* the hide behavior with ngShow/ngHide then this can be achieved by restating the styles for the `.ng-hide`
`43`		`- * class in CSS:`
	`43`	+ * class CSS. Note that the selector that needs to be used is actually `.ng-hide:not(.ng-hide-animate)` to cope
	`44`	`+ * with extra animation classes that can be added.`
`44`	`45`	`*`
`45`	`46`	* ```css
`46`		`- * .ng-hide {`
	`47`	`+ * .ng-hide:not(.ng-hide-animate) {`
`47`	`48`	`* /* this is just another form of hiding an element */`
`48`	`49`	`* display: block!important;`
`49`	`50`	`* position: absolute;`