diff --git a/ionic/components/app/typography.scss b/ionic/components/app/typography.scss index ad115b472a..f1f3847fc4 100644 --- a/ionic/components/app/typography.scss +++ b/ionic/components/app/typography.scss @@ -100,3 +100,22 @@ sup { sub { bottom: -0.25em; } + +@each $color, $value in $colors { + h1, h2, h3, h4, h5, h6, + p, + span, + a, + small, + b, + i, + u, + strong, + em, + sub, + sup { + &[#{$color}] { + color: $value !important; + } + } +} diff --git a/ionic/components/button/button-fab.scss b/ionic/components/button/button-fab.scss index c088a5cfa5..9e27e4c5bd 100644 --- a/ionic/components/button/button-fab.scss +++ b/ionic/components/button/button-fab.scss @@ -50,7 +50,6 @@ button, icon { flex: 1; font-size: 2.8rem; - min-width: 64px; } } diff --git a/ionic/components/modal/test/basic/e2e.ts b/ionic/components/modal/test/basic/e2e.ts index 06ffff5222..0336371d72 100644 --- a/ionic/components/modal/test/basic/e2e.ts +++ b/ionic/components/modal/test/basic/e2e.ts @@ -1,8 +1,16 @@ -it('should open action sheet', function() { +it('should open modal', function() { element(by.css('.e2eOpenModal')).click(); }); it('should close with close button click', function() { element(by.css('.e2eCloseMenu')).click(); }); + +it('should open toolbar modal', function() { + element(by.css('.e2eOpenToolbarModal')).click(); +}); + +it('should close toolbar modal', function() { + element(by.css('.e2eCloseToolbarModal')).click(); +}); diff --git a/ionic/components/modal/test/basic/index.ts b/ionic/components/modal/test/basic/index.ts index 60181ed6f9..fe1e340519 100644 --- a/ionic/components/modal/test/basic/index.ts +++ b/ionic/components/modal/test/basic/index.ts @@ -33,6 +33,10 @@ class MyAppCmp { this.modal.open(PlainPage); } + openToolbarModal() { + this.modal.open(ToolbarModal); + } + openModalChildNav() { this.modal.open(ContactModal, { handle: 'my-awesome-modal' @@ -63,6 +67,32 @@ class PlainPage { } } +@Page({ + template: ` + + Modals + + + Another toolbar + + + + + + + ` +}) +class ToolbarModal { + constructor(private modal: Modal) {} + + closeModal() { + this.modal.get().close(); + } +} + @Page({ template: '' diff --git a/ionic/components/modal/test/basic/main.html b/ionic/components/modal/test/basic/main.html index 1fef972e8c..a3a2589049 100644 --- a/ionic/components/modal/test/basic/main.html +++ b/ionic/components/modal/test/basic/main.html @@ -6,6 +6,9 @@

+

+ +

diff --git a/ionic/platform/cordova-ios.scss b/ionic/platform/cordova-ios.scss index b1dbea733a..d465a66b6d 100644 --- a/ionic/platform/cordova-ios.scss +++ b/ionic/platform/cordova-ios.scss @@ -9,14 +9,20 @@ $cordova-ios-toolbar-padding: 2rem !default; ion-navbar-section, ion-navbar, - ion-menu > ion-toolbar { + ion-menu > ion-toolbar:first-child, + ion-menu > ion-toolbar:first-child ion-title, + ion-page.modal > ion-toolbar:first-child, + ion-page.modal > ion-toolbar:first-child ion-title, { min-height: $toolbar-ios-height + $cordova-ios-toolbar-padding; height: $toolbar-ios-height + $cordova-ios-toolbar-padding; } ion-navbar, ion-navbar ion-title, - ion-menu > ion-toolbar { + ion-menu > ion-toolbar:first-child, + ion-menu > ion-toolbar:first-child ion-title, + ion-page.modal > ion-toolbar:first-child, + ion-page.modal > ion-toolbar:first-child ion-title, { padding-top: $cordova-ios-toolbar-padding; }