diff --git a/src/app/components/shared/questionwall/question-wall/question-wall.component.html b/src/app/components/shared/questionwall/question-wall/question-wall.component.html index 6384afcee3df677eff58c7223d5c07a576f2c96d..c05fc9ea75b11d6f4a55adb3dbdd9f921a107e3c 100644 --- a/src/app/components/shared/questionwall/question-wall/question-wall.component.html +++ b/src/app/components/shared/questionwall/question-wall/question-wall.component.html @@ -113,14 +113,22 @@ <ars-fill style="overflow:hidden;" ars-flex-box> <ars-fill> </ars-fill> - <ars-row class="questionwall-present-box-outer"> + <ars-row ars-flex-box height="400"> + <ars-fill></ars-fill> + <ars-col ars-flex-box> + <ars-row *ngIf="commentFocus"> + <p class="questionwall-present-meta-number">{{commentFocus.comment.number}}</p> + </ars-row> + <ars-fill></ars-fill> + </ars-col> + </ars-row> + <ars-row class="questionwall-present-box-outer" style="margin-top:-400px;"> <div class="questionwall-present-box-inner"> <ng-container *ngIf="commentFocus"> <ars-row class="questionwall-present-meta"> <i class="questionwall-icon questionwall-present-meta-icon">person_pin_circle</i> <h2 class="questionwall-present-meta-user">{{commentFocus.comment.userNumber}}</h2> <h2 class="questionwall-present-meta-timestamp">{{commentFocus.timeAgo}}</h2> - <h2 class="questionwall-present-meta-number">#{{commentFocus.comment.number}}</h2> </ars-row> <ars-row> <ars-row class="bound" style="padding:16px 32px 16px 32px;box-sizing:border-box;max-width:100%;"> @@ -211,7 +219,17 @@ <ars-row *ngFor="let comment of hasFilter?commentsFilter:commentsFilteredByTime" class="questionwall-comment-anchor" style="float:left;"> - <ars-row style="box-sizing:border-box;padding:8px;"> + <ars-row ars-flex-box height="170"> + <ars-fill></ars-fill> + <ars-col ars-flex-box> + <ars-fill></ars-fill> + <ars-row> + <p class="questionwall-comment-number">{{comment.comment.number}}</p> + </ars-row> + <ars-fill></ars-fill> + </ars-col> + </ars-row> + <ars-row style="box-sizing:border-box;padding:8px;margin-top:-170px;"> <ars-row [ngClass]="comment===commentFocus?'questionwall-comment-border-on':'questionwall-comment-border-off'" style="border-radius:5px"> @@ -227,9 +245,6 @@ <ars-col> <p class="questionwall-comment-notification">{{comment.old ? '' : 'NEW'}}</p> </ars-col> - <ars-col> - <p class="questionwall-comment-number">#{{comment.comment.number}}</p> - </ars-col> </ars-row> <ars-row (click)="focusComment(comment)" diff --git a/src/app/components/shared/questionwall/question-wall/question-wall.component.scss b/src/app/components/shared/questionwall/question-wall/question-wall.component.scss index b4098295202130b9d8c5b79cab1ed9412ba0cb3c..79c6e4bb33faf8bdfa64065c530d897ef2b04b22 100644 --- a/src/app/components/shared/questionwall/question-wall/question-wall.component.scss +++ b/src/app/components/shared/questionwall/question-wall/question-wall.component.scss @@ -120,12 +120,13 @@ } &-number { - font-size: 14px; + font-size: 144px; text-transform: uppercase; letter-spacing: 2px; - line-height: 18px; + padding-right:8px; + box-sizing:border-box; font-weight: 600; - color: #FFFFFF; + color: #2b2b2b; } } @@ -231,10 +232,10 @@ &-number { font-family: Roboto, 'sans-serif'; - font-size: 18px; + font-size: 256px; padding-left:16px; font-weight:bold; - color: var(--ars-paragraph-color); + color: #2b2b2b; } }