From b5efedeb1cdc1940e518541d4a74a2447f2df5bf Mon Sep 17 00:00:00 2001 From: "Manu Mtz.-Almeida" Date: Sun, 16 Dec 2018 19:27:42 +0100 Subject: [PATCH] fix(progress-bar): looking nice inside toolbar --- core/src/components/progress-bar/test/basic/index.html | 3 ++- core/src/components/toolbar/toolbar.scss | 6 ++++++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/core/src/components/progress-bar/test/basic/index.html b/core/src/components/progress-bar/test/basic/index.html index 93e8d9ba6e..7b39a9b4a6 100644 --- a/core/src/components/progress-bar/test/basic/index.html +++ b/core/src/components/progress-bar/test/basic/index.html @@ -17,7 +17,7 @@ --buffer-background: none; } - ion-progress-bar { + ion-content ion-progress-bar { margin: 10px 0; } @@ -28,6 +28,7 @@ Progress Bar - Basic + diff --git a/core/src/components/toolbar/toolbar.scss b/core/src/components/toolbar/toolbar.scss index 30a6a57a16..2cbc5afc6a 100644 --- a/core/src/components/toolbar/toolbar.scss +++ b/core/src/components/toolbar/toolbar.scss @@ -105,3 +105,9 @@ :host(.toolbar-segment) { --min-height: auto; } + +::slotted(ion-progress-bar) { + @include position(null, 0, 0, 0); + + position: absolute; +}