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

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

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