mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
fix(progress-bar): looking nice inside toolbar
This commit is contained in:
committed by
Manu MA
parent
77640c907c
commit
b5efedeb1c
@@ -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>
|
||||
|
||||
|
||||
@@ -105,3 +105,9 @@
|
||||
:host(.toolbar-segment) {
|
||||
--min-height: auto;
|
||||
}
|
||||
|
||||
::slotted(ion-progress-bar) {
|
||||
@include position(null, 0, 0, 0);
|
||||
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user