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

MOBILE-3814 timeline: Adapt styles

main
Pau Ferrer Ocaña 2022-02-10 12:21:52 +01:00
parent 9b4e15efeb
commit 15ef9547ba
2 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/addons/block/timeline/components/events/addon-block-timeline-events.html
View File

@ -2,7 +2,8 @@
<ion-label class="ion-text-wrap"> <ion-label class="ion-text-wrap">
<h3> <h3>
<span class="sr-only">{{ 'core.courses.aria:coursename' | translate }}</span> <span class="sr-only">{{ 'core.courses.aria:coursename' | translate }}</span>
<core-format-text [text]="course.fullname" contextLevel="course" [contextInstanceId]="course.id"></core-format-text> <core-format-text [text]="course.displayname || course.fullname" contextLevel="course" [contextInstanceId]="course.id">
</core-format-text>
</h3> </h3>
</ion-label> </ion-label>
</ion-item> </ion-item>
@ -20,7 +21,7 @@
<ion-col class="addon-block-timeline-activity-main ion-no-padding"> <ion-col class="addon-block-timeline-activity-main ion-no-padding">
<ion-row class="ion-justify-content-between ion-align-items-center ion-nowrap ion-no-padding"> <ion-row class="ion-justify-content-between ion-align-items-center ion-nowrap ion-no-padding">
<ion-col class="addon-block-timeline-activity-time ion-no-padding"> <ion-col class="addon-block-timeline-activity-time ion-no-padding">
<ion-badge color="light">{{event.timesort * 1000 | coreFormatDate:"strftimetime24" }}</ion-badge> <small>{{event.timesort * 1000 | coreFormatDate:"strftimetime24" }}</small>
<core-mod-icon *ngIf="event.iconUrl" [modicon]="event.iconUrl" [componentId]="event.instance" <core-mod-icon *ngIf="event.iconUrl" [modicon]="event.iconUrl" [componentId]="event.instance"
[modname]="event.modulename"> [modname]="event.modulename">
</core-mod-icon> </core-mod-icon>
@ -52,7 +53,7 @@
</ion-row> </ion-row>
</ion-col> </ion-col>
<ion-col class="addon-block-timeline-activity-action ion-no-padding" *ngIf="event.action?.actionable"> <ion-col class="addon-block-timeline-activity-action ion-no-padding" *ngIf="event.action?.actionable">
<ion-button fill="clear" (click)="action($event, event.action.url)" [title]="event.action.name"> <ion-button fill="outline" color="medium" (click)="action($event, event.action.url)" [title]="event.action.name">
{{event.action.name}} {{event.action.name}}
<ion-badge slot="end" class="ion-margin-start" *ngIf="event.action.showitemcount"> <ion-badge slot="end" class="ion-margin-start" *ngIf="event.action.showitemcount">
{{event.action.itemcount}} {{event.action.itemcount}}

19
src/addons/block/timeline/components/events/events.scss
View File

@ -13,13 +13,20 @@ h4.core-bold {
font-weight: bold; font-weight: bold;
} }
.addon-block-timeline-activity ion-badge { .addon-block-timeline-activity {
@include margin-horizontal(0.25rem, 0.5rem); ion-badge {
} @include margin-horizontal(0.25rem, 0.5rem);
}
.addon-block-timeline-activity core-mod-icon { small {
--margin-end: 0.5rem; @include margin-horizontal(null, 0.5rem);
--margin-vertical: 0; }
core-mod-icon {
padding: 8px;
--margin-end: 0.5rem;
--margin-vertical: 0;
}
} }
.addon-block-timeline-activity-time { .addon-block-timeline-activity-time {