Артефакт диалогового окна

Георгий Худяков, [19 сент. 2019 г., 23:22:18]:
я прописал в файле main.scss стили для progress
.dialog.modal-in.dialog-progress {
display: block;
position: fixed;
bottom: 0;
top: auto;
background: transparent;
opacity: 0.8;
box-shadow: unset;
opacity: 1;
.dialog-title {
color: #fff;
font-size: 1.2rem;
}
.progressbar-infinite {
margin-top: 5px;
}
.dialog-inner {
padding: 5px;
}
}
типа такого.вроде всё норм, но почему то постоянно перед закрытием нормального progress (с моими стилями) появляется на секунду и исчезает еще один с дефолтными стилями
это происходит очень быстро - скрин сделать не реально. но глаз замечает

Какая именно строчка в стилях дает такой эффект?

.dialog.modal-in.dialog-progress -> .dialog.dialog-progress

Проверю отпишусь. Спасибо. А где лучше прописать это правило?

И еще нашел баг) возможно. Если запихуть в отдельный компонент “f7-toolbar bottom-md”
то не прицепляется к низу экрана

Нужно указать ему slot="fixed"