EVOgeek
/
Vmeda.Online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-4470 course-storage: Fix progressbar, big titles and calculating

main
Pau Ferrer Ocaña 2024-05-15 15:05:31 +02:00
parent b83f900690
commit bc26951123
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/addons/storagemanager/pages/course-storage/course-storage.html
View File

@ -69,7 +69,7 @@
</ion-badge>
<!-- Download progress. -->
<p *ngIf="downloadEnabled && section.isDownloading">
<core-progress-bar [progress]="section.total === 0 ? -1 : section.count / section.total" />
<core-progress-bar [progress]="section.total === 0 ? -1 : (section.count / section.total) * 100" />
</p>
</ion-label>
<div class="storage-buttons" slot="end"
@ -112,7 +112,8 @@
<ion-icon name="fam-cloud-done" *ngIf="module.downloadStatus === statusDownloaded"
[attr.aria-label]="'core.downloaded' | translate" />{{ module.totalSize | coreBytesToSize }}
</ion-badge>
<ion-badge color="light" *ngIf="module.calculatingSize">
<ion-badge color="light" *ngIf="module.calculatingSize ||
(section.isDownloading && module.downloadStatus === statusDownloaded)">
{{ 'core.calculating' | translate }}
</ion-badge>
</ion-label>

11
src/addons/storagemanager/pages/course-storage/course-storage.scss
View File

@ -10,12 +10,16 @@
ion-card.section {
ion-card-header {
padding: 0;
.item-heading {
font: var(--mdl-typography-heading4-font);
}
}
ion-card-content {
padding: 0;
.core-course-storage-activity ion-label {
h3 {
p.item-heading {
position: relative;
max-height: var(--course-storage-max-activity-height);
overflow: hidden;
@ -35,15 +39,10 @@
}
}
}
.item-heading {
font-weight: bold;
font-size: 1.2rem;
}
}
}
ion-badge {
margin-top: 8px;
ion-icon {
@include margin-horizontal(null, 8px);
}