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

feature(keyboard): .hide-on-keyboard-open

Browse Source 
By default no elements will be hidden when the keyboard shows. However,
you add the CSS class `hide-on-keyboard-open` to set elements which
should hide when the keyboard is open, such as the footer so there’s
more space for the content when the keyboard is open.
This commit is contained in:
Adam Bradley
2014-05-05 15:58:38 -05:00
parent 70527172af
commit dfec423ef8
1 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
scss/_util.scss
View File

@@ -25,16 +25,13 @@
visibility: hidden;
}
.keyboard-open,
.footer-hide {
.bar-footer,
.tabs {
display: none;
}
.has-footer,
.has-tabs {
bottom: 0;
}
.keyboard-open .hide-on-keyboard-open {
display: none;
}
.keyboard-open .tabs.hide-on-keyboard-open + .pane .has-tabs,
.keyboard-open .bar-footer.hide-on-keyboard-open + .pane .has-footer {
bottom: 0;
}
.inline {