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

…take precedence fixes #6270
ionic-team · Apr 21, 2016 · 617b7ac · 617b7ac
1 parent 1ca4f37
commit 617b7ac
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
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"