MOBILE-3205 forum: Adapt forum discussion view

main
Pau Ferrer Ocaña 2019-10-25 13:10:29 +02:00
parent e1e2b83933
commit 4bc90e892a
4 changed files with 96 additions and 87 deletions

View File

@ -1,3 +1,4 @@
<div class="addon-mod_forum-post">
<ion-card-header text-wrap no-padding id="addon-mod_forum-post-{{post.id}}">
<ion-item text-wrap>
<div class="addon-mod-forum-post-title">
@ -26,8 +27,8 @@
<ion-note>{{ 'addon.mod_forum.postisprivatereply' | translate }}</ion-note>
</div>
<core-format-text [component]="component" [componentId]="componentId" [text]="post.message" contextLevel="module" [contextInstanceId]="forum && forum.cmid" [courseId]="courseId"></core-format-text>
<div no-lines>
<core-files *ngIf="post.attachments && post.attachments.length > 0" [files]="post.attachments" [component]="component" [componentId]="componentId" showInline="true"></core-files>
<div no-lines *ngIf="post.attachments && post.attachments.length > 0">
<core-files [files]="post.attachments" [component]="component" [componentId]="componentId" showInline="true"></core-files>
</div>
</ion-card-content>
<div class="addon-mod-forum-post-more-info">
@ -87,3 +88,4 @@
</ion-row>
</ion-grid>
</ion-list>
</div>

View File

@ -1,4 +1,7 @@
ion-app.app-root addon-mod-forum-post {
ion-app.app-root addon-mod-forum-post .addon-mod_forum-post {
background-color: $white;
border-bottom: 1px solid $list-md-border-color;
.addon-forum-star {
color: $core-star-color;
}
@ -45,6 +48,10 @@ ion-app.app-root addon-mod-forum-post {
}
}
.item .item-inner {
border-bottom: 0;
}
.addon-mod-forum-post-more-info div {
font-size: 1.4rem;
}

View File

@ -41,9 +41,9 @@
<core-icon name="fa-lock"></core-icon> {{ 'addon.mod_forum.discussionlocked' | translate }}
</ion-card>
<ion-card *ngIf="discussion" margin-bottom class="highlight">
<div *ngIf="discussion" margin-bottom class="highlight">
<addon-mod-forum-post [post]="discussion" [courseId]="courseId" [discussionId]="discussionId" [component]="component" [componentId]="cmId" [replyData]="replyData" [originalData]="originalData" [defaultSubject]="defaultSubject" [forum]="forum" [accessInfo]="accessInfo" [trackPosts]="trackPosts" [ratingInfo]="ratingInfo" (onPostChange)="postListChanged()"></addon-mod-forum-post>
</ion-card>
</div>
<ion-card *ngIf="sort != 'nested'">
<ng-container *ngFor="let post of posts; first as first">

View File

@ -1,5 +1,5 @@
ion-app.app-root page-addon-mod-forum-discussion {
.card.highlight .card-header .item {
.highlight .card-header .item {
background-color: $gray-lighter;
@include darkmode() {
background-color: $black;