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

MOBILE-3881 timeline: Improve multiple lines on activity string

main
Pau Ferrer Ocaña 2022-01-21 15:55:53 +01:00
parent ce910f91d9
commit 7cf522815d
2 changed files with 35 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -33,21 +33,24 @@
<ion-badge *ngIf="event.overdue" color="danger">{{ 'addon.block_timeline.overdue' | translate }} <ion-badge *ngIf="event.overdue" color="danger">{{ 'addon.block_timeline.overdue' | translate }}
</ion-badge> </ion-badge>
</p> </p>
<p *ngIf="(showCourse && event.course) || event.activitystr"> <p *ngIf="(showCourse && event.course) || event.activitystr"
class="addon-block-timeline-activity-course-activity">
<span *ngIf="showCourse && event.course"> <span *ngIf="showCourse && event.course">
<core-format-text [text]="event.course.fullnamedisplay" contextLevel="course" <core-format-text [text]="event.course.fullnamedisplay" contextLevel="course"
[contextInstanceId]="event.course.id"> [contextInstanceId]="event.course.id">
</core-format-text> · </core-format-text>
</span>
<span *ngIf="event.activitystr">
<core-format-text *ngIf="event.activitystr" [text]="event.activitystr" contextLevel="module"
[contextInstanceId]="event.id">
</core-format-text>
</span> </span>
<core-format-text [text]="event.activitystr" contextLevel="module" [contextInstanceId]="event.id">
</core-format-text>
</p> </p>
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-col> </ion-col>
<ion-col class="addon-block-timeline-activity-action ion-no-padding"> <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="clear" (click)="action($event, event.action.url)" [title]="event.action.name">
[disabled]="!event.action.actionable" *ngIf="event.action">
{{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}}

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

@ -22,11 +22,34 @@ h4.core-bold {
--margin-vertical: 0; --margin-vertical: 0;
} }
.addon-block-timeline-activity-time, .addon-block-timeline-activity-time {
.addon-block-timeline-activity-action {
flex-grow: 0; flex-grow: 0;
} }
.addon-block-timeline-activity-action {
display: flex;
justify-content: flex-end;
}
.addon-block-timeline-activity-course-activity {
display: flex;
flex-wrap: wrap;
span {
overflow: hidden;
text-overflow: ellipsis;
}
span::after {
content: "·";
display: inline;
padding-left: .3rem;
padding-right: .3rem;
}
span:last-child::after {
display: none;
}
}
.addon-block-timeline-activity-main, .addon-block-timeline-activity-main,
.addon-block-timeline-activity-name { .addon-block-timeline-activity-name {
flex-grow: 1; flex-grow: 1;