From 8a983371339be38b2e1f082831c98fd88f6beae2 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Mon, 7 Dec 2015 07:36:08 -0600 Subject: [PATCH] update iOS toolbar buttons --- ionic/components/toolbar/modes/ios.scss | 28 ++++++++++++++++---- ionic/components/toolbar/toolbar-button.scss | 3 +++ 2 files changed, 26 insertions(+), 5 deletions(-) diff --git a/ionic/components/toolbar/modes/ios.scss b/ionic/components/toolbar/modes/ios.scss index 22af43e730..1d3de7f228 100644 --- a/ionic/components/toolbar/modes/ios.scss +++ b/ionic/components/toolbar/modes/ios.scss @@ -44,14 +44,32 @@ ion-navbar-section { background-color: transparent; } -.bar-button.icon-only { - padding-right: 0; - padding-left: 0; +.bar-button-icon-left icon { + margin-left: -0.1em; + padding-right: 0.3em; + font-size: 1.4em; + line-height: 0.67; + pointer-events: none; } -.bar-button icon { +.bar-button-icon-right icon { + margin-right: -0.2em; + padding-left: 0.4em; + font-size: 1.4em; + line-height: 0.67; + pointer-events: none; +} + +.bar-button-icon-only { padding: 0; - min-width: 28px; + min-width: 0.9em; + + icon { + padding: 0 0.1em; + font-size: 1.8em; + line-height: 0.67; + pointer-events: none; + } } diff --git a/ionic/components/toolbar/toolbar-button.scss b/ionic/components/toolbar/toolbar-button.scss index 371efee10f..133e55524a 100644 --- a/ionic/components/toolbar/toolbar-button.scss +++ b/ionic/components/toolbar/toolbar-button.scss @@ -11,6 +11,9 @@ align-items: center; justify-content: center; + margin: 0; + padding: 0; + white-space: nowrap; text-overflow: ellipsis; overflow: hidden;