@nextcloud/vue
Version:
Nextcloud vue components
42 lines (39 loc) • 861 B
CSS
._uploadPicker_progress_LchrN {
--upload-picker-progress-width: 200px;
width: var(--upload-picker-progress-width);
/* Animate show/hide */
max-width: 0;
transition: max-width var(--animation-quick) ease-in-out;
/* Align progress/text separation with the middle */
margin-top: 8px;
}
._uploadPicker_progress__uploading_RBQWf {
max-width: var(--upload-picker-progress-width);
/* Visually more pleasing spacing */
margin-inline: 8px 20px;
}
._uploadPicker_progress__paused_t4TGj {
animation: _breathing_B9q41 3s ease-out infinite normal;
}
._uploadPicker_progressLabel_iEywW {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
._uploadPicker_progressLabelSpeed_dIEb3{
color: var(--color-text-maxcontrast);
}
@keyframes _breathing_B9q41 {
0% {
opacity: .5;
}
25% {
opacity: 1;
}
60% {
opacity: .5;
}
100% {
opacity: .5;
}
}