javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
fixes #6270
This commit is contained in:
Brandy Carney
2016-04-21 16:14:21 -04:00
parent 1ca4f374e0
commit 617b7ac000
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ionic/components/show-hide-when/show-hide-when.scss
View File

@@ -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;
}

12
ionic/components/show-hide-when/test/basic/main.html
View File

@@ -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"