From dfec423ef82eb604765888e8786276f874f17e81 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Mon, 5 May 2014 15:58:38 -0500 Subject: [PATCH] feature(keyboard): .hide-on-keyboard-open MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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. --- scss/_util.scss | 17 +++++++---------- 1 file changed, 7 insertions(+), 10 deletions(-) diff --git a/scss/_util.scss b/scss/_util.scss index 2c41edcf98..be08fbb8b5 100644 --- a/scss/_util.scss +++ b/scss/_util.scss @@ -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 {