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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

9
src/addon/mod/forum/components/post/post.scss
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 { .addon-forum-star {
color: $core-star-color; 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 { .addon-mod-forum-post-more-info div {
font-size: 1.4rem; font-size: 1.4rem;
} }

4
src/addon/mod/forum/pages/discussion/discussion.html
View File

@ -41,9 +41,9 @@
<core-icon name="fa-lock"></core-icon> {{ 'addon.mod_forum.discussionlocked' | translate }} <core-icon name="fa-lock"></core-icon> {{ 'addon.mod_forum.discussionlocked' | translate }}
</ion-card> </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> <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'"> <ion-card *ngIf="sort != 'nested'">
<ng-container *ngFor="let post of posts; first as first"> <ng-container *ngFor="let post of posts; first as first">

2
src/addon/mod/forum/pages/discussion/discussion.scss
View File

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