Mastodon
/
Sengi-Windows-MacOS-Linux
mirror of https://github.com/NicolasConstant/sengi
1
0
Fork 0
Code Issues Releases Wiki Activity

added zone to navigate status, fix #109

This commit is contained in:
Nicolas Constant 2019-06-23 18:16:01 -04:00
parent b81d73f062
commit 6c9653f945
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
2 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/components/stream/status/status.component.html
View File

@ -1,7 +1,7 @@
<div class="reblog" *ngIf="reblog"> <div class="reblog" *ngIf="reblog">
<a class="reblog__profile-link" href (click)="openAccount(status.account)" (auxclick)="openUrl(status.account.url)"><span <a class="reblog__profile-link" href (click)="openAccount(status.account)"
innerHTML="{{ status.account | accountEmoji }}"></span> <img *ngIf="reblog" class="reblog__avatar" (auxclick)="openUrl(status.account.url)"><span innerHTML="{{ status.account | accountEmoji }}"></span> <img
src="{{ status.account.avatar }}" /></a> boosted *ngIf="reblog" class="reblog__avatar" src="{{ status.account.avatar }}" /></a> boosted
</div> </div>
<div *ngIf="notificationType === 'favourite'"> <div *ngIf="notificationType === 'favourite'">
<div class="notification--icon"> <div class="notification--icon">
@ -30,6 +30,9 @@
</div> </div>
</div> </div>
<div class="status"> <div class="status">
<a href class="status__navigation" title="open status" (click)="textSelected()">
</a>
<div [ngClass]="{'notification--status': notificationAccount }"> <div [ngClass]="{'notification--status': notificationAccount }">
<a href class="status__profile-link" title="{{displayedStatus.account.acct}}" <a href class="status__profile-link" title="{{displayedStatus.account.acct}}"
(click)="openAccount(displayedStatus.account)" (auxclick)="openUrl(displayedStatus.account.url)"> (click)="openAccount(displayedStatus.account)" (auxclick)="openUrl(displayedStatus.account.url)">
@ -67,6 +70,8 @@
old old
</div> </div>
</div> </div>
<!-- <div #content class="status__content" innerHTML="{{displayedStatus.content}}"></div> --> <!-- <div #content class="status__content" innerHTML="{{displayedStatus.content}}"></div> -->
<a href class="status__content-warning" *ngIf="isContentWarned" title="show content" <a href class="status__content-warning" *ngIf="isContentWarned" title="show content"
@ -78,10 +83,11 @@
(accountSelected)="accountSelected($event)" (hashtagSelected)="hashtagSelected($event)" (accountSelected)="accountSelected($event)" (hashtagSelected)="hashtagSelected($event)"
(textSelected)="textSelected()"></app-databinded-text> (textSelected)="textSelected()"></app-databinded-text>
<app-poll class="status__poll" *ngIf="!isContentWarned && displayedStatus.poll" <app-poll class="status__poll" *ngIf="!isContentWarned && displayedStatus.poll" [poll]="displayedStatus.poll"
[poll]="displayedStatus.poll" [statusWrapper]="displayedStatusWrapper"></app-poll> [statusWrapper]="displayedStatusWrapper"></app-poll>
<app-card class="status__card" *ngIf="!isContentWarned && displayedStatus.card && !hasAttachments" [card]="displayedStatus.card"></app-card> <app-card class="status__card" *ngIf="!isContentWarned && displayedStatus.card && !hasAttachments"
[card]="displayedStatus.card"></app-card>
<app-attachements *ngIf="!isContentWarned && hasAttachments" class="attachments" <app-attachements *ngIf="!isContentWarned && hasAttachments" class="attachments"
[attachments]="displayedStatus.media_attachments"> [attachments]="displayedStatus.media_attachments">
@ -90,6 +96,7 @@
<app-action-bar #appActionBar [statusWrapper]="displayedStatusWrapper" (cwIsActiveEvent)="changeCw($event)" <app-action-bar #appActionBar [statusWrapper]="displayedStatusWrapper" (cwIsActiveEvent)="changeCw($event)"
(replyEvent)="openReply()"></app-action-bar> (replyEvent)="openReply()"></app-action-bar>
</div> </div>
<app-create-status *ngIf="replyingToStatus" [statusReplyingToWrapper]="displayedStatusWrapper" (onClose)="closeReply()"> <app-create-status *ngIf="replyingToStatus" [statusReplyingToWrapper]="displayedStatusWrapper"
(onClose)="closeReply()">
</app-create-status> </app-create-status>
</div> </div>

10
src/app/components/stream/status/status.component.scss
View File

@ -162,6 +162,16 @@
} }
} }
} }
&__navigation{
display: block;
position: absolute;
top:65px;
bottom: 40px;
width: 65px;
min-height: 40px;
// outline: 1px solid greenyellow;
}
} }
.attachments { .attachments {