fix(progress-bar): looking nice inside toolbar

ionic-team · Dec 16, 2018 · b5efede · b5efede
1 parent 77640c9
commit b5efede
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git 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;
     }
   </style>
@@ -28,6 +28,7 @@
     <ion-header>
       <ion-toolbar>
         <ion-title>Progress Bar - Basic</ion-title>
+        <ion-progress-bar type="indeterminate"></ion-progress-bar>
       </ion-toolbar>
     </ion-header>
 

diff --git 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;
+}