fix loading animation positionning

This commit is contained in:
Nicolas Constant 2019-08-10 15:00:47 -04:00
parent 235e81cccb
commit bf687ebb62
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
3 changed files with 24 additions and 16 deletions

View File

@ -180,11 +180,12 @@
</div> </div>
</div> </div>
<div [class.profile__status-switching-section]="isSwitchingSection">
<div *ngIf="!isLoading && !statusLoading && statuses.length == 0" class="profile-no-toots"> <div *ngIf="!isLoading && !statusLoading && statuses.length == 0" class="profile-no-toots">
no status found no status found
</div> </div>
<div *ngIf="statusSection === 'status'"> <div *ngIf="statusSection === 'status' && !statusLoading">
<div *ngFor="let statusWrapper of pinnedStatuses"> <div *ngFor="let statusWrapper of pinnedStatuses">
<app-status [statusWrapper]="statusWrapper" (browseHashtagEvent)="browseHashtag($event)" <app-status [statusWrapper]="statusWrapper" (browseHashtagEvent)="browseHashtag($event)"
(browseAccountEvent)="browseAccount($event)" (browseThreadEvent)="browseThread($event)"> (browseAccountEvent)="browseAccount($event)" (browseThreadEvent)="browseThread($event)">
@ -192,7 +193,6 @@
</div> </div>
</div> </div>
<div [class.profile__status-switching-section]="isSwitchingSection">
<div *ngFor="let statusWrapper of statuses"> <div *ngFor="let statusWrapper of statuses">
<div *ngIf="statusSection !== 'media'"> <div *ngIf="statusSection !== 'media'">
<app-status [statusWrapper]="statusWrapper" (browseHashtagEvent)="browseHashtag($event)" <app-status [statusWrapper]="statusWrapper" (browseHashtagEvent)="browseHashtag($event)"

View File

@ -355,6 +355,14 @@ export class UserProfileComponent implements OnInit {
this.isSwitchingSection = false; this.isSwitchingSection = false;
} }
if (this.showFloatingStatusMenu) {
setTimeout(() => {
var element = this.statustream.nativeElement as HTMLElement;
const menuPosition = element.scrollHeight - this.profilestatuses.nativeElement.offsetHeight - 30 - 29;
element.scrollTop = menuPosition;
}, 0);
}
return false; return false;
} }