fix(ngCloak): hide element even when CSS 'display' is set

vin · IgorMinar · commit 3ffddad100e9 · 2013-07-02T22:57:34.000-07:00
Previously an element like
&lt;div class="foo ng-cloak"&gt;...&lt;/div&gt;
would still be annoyingly visible if it matched a CSS rule like
.foo { display: inline-block; }, overriding ng-cloak's display: none.
diff --git a/css/angular.css b/css/angular.css
@@ -2,7 +2,7 @@
 
 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
 .ng-cloak, .x-ng-cloak {
-  display: none;
+  display: none !important;
 }
 
 ng\:form {
diff --git a/src/ng/directive/ngCloak.js b/src/ng/directive/ngCloak.js
@@ -17,7 +17,7 @@
  *
  * <pre>
  * [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
- *   display: none;
+ *   display: none !important;
  * }
  * </pre>
  *

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`
`3`	`3`	`[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],`
`4`	`4`	`.ng-cloak, .x-ng-cloak {`
`5`		`- display: none;`
	`5`	`+ display: none !important;`
`6`	`6`	`}`
`7`	`7`
`8`	`8`	`ng\:form {`
Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@`
`17`	`17`	`*`
`18`	`18`	`* <pre>`
`19`	`19`	`* [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {`
`20`		`- * display: none;`
	`20`	`+ * display: none !important;`
`21`	`21`	`* }`
`22`	`22`	`* </pre>`
`23`	`23`	`*`