fix(show-hide-when): add !important to display as this should always take precedence

brandyscarney · brandyscarney · commit 617b7ac000f6 · 2016-04-21T16:14:31.000-04:00
fixes #6270
diff --git a/ionic/components/show-hide-when/show-hide-when.scss b/ionic/components/show-hide-when/show-hide-when.scss
@@ -5,10 +5,10 @@
 
 // Applied by the showWhen directive
 .hidden-show-when {
-  display: none;
+  display: none !important;
 }
 
 // Applied by the hideWhen directive
 .hidden-hide-when {
-  display: none;
+  display: none !important;
 }
diff --git a/ionic/components/show-hide-when/test/basic/main.html b/ionic/components/show-hide-when/test/basic/main.html
@@ -1,8 +1,18 @@
 
-<ion-toolbar><ion-title>Show/Hide When</ion-title></ion-toolbar>
+<ion-toolbar>
+  <ion-title>Show/Hide When</ion-title>
+  <ion-buttons end>
+    <button showWhen="ios">iOS</button>
+    <button showWhen="windows">Windows</button>
+    <button showWhen="android">Android</button>
+  </ion-buttons>
+</ion-toolbar>
 
 
 <ion-content padding>
+  <button showWhen="ios">iOS</button>
+  <button showWhen="windows">Windows</button>
+  <button showWhen="android">Android</button>
 
   <p showWhen="ios" style="background:blue; color:white">
     showWhen="ios"

Original file line number	Diff line number	Diff line change
`@@ -5,10 +5,10 @@`
`5`	`5`
`6`	`6`	`// Applied by the showWhen directive`
`7`	`7`	`.hidden-show-when {`
`8`		`- display: none;`
	`8`	`+ display: none !important;`
`9`	`9`	`}`
`10`	`10`
`11`	`11`	`// Applied by the hideWhen directive`
`12`	`12`	`.hidden-hide-when {`
`13`		`- display: none;`
	`13`	`+ display: none !important;`
`14`	`14`	`}`