interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Avoid layout shift in account setup modal

This commit is contained in:
Chocobozzz 2021-08-27 09:30:32 +02:00
parent bf80903fde
commit 1ff15061b3
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/modal/account-setup-modal.component.html
View File

@ -5,7 +5,7 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<img class="mascot" src="/client/assets/images/mascot/happy.svg" alt="mascot"> <img class="mascot" src="/client/assets/images/mascot/happy.svg" alt="">
<div i18n class="subtitle">It's time to set up your account profile!</div> <div i18n class="subtitle">It's time to set up your account profile!</div>

3
client/src/app/modal/account-setup-modal.component.scss
View File

@ -17,7 +17,8 @@
@include margin-right(2rem); @include margin-right(2rem);
display: block; display: block;
min-width: 170px; width: 170px;
height: 220px;
} }
.subtitle { .subtitle {

3
client/src/app/modal/account-setup-modal.component.ts
View File

@ -45,11 +45,12 @@ export class AccountSetupModalComponent implements OnInit {
ngOnInit () { ngOnInit () {
this.serverConfig = this.serverService.getHTMLConfig() this.serverConfig = this.serverService.getHTMLConfig()
this.user = this.authService.getUser()
this.authService.userInformationLoaded this.authService.userInformationLoaded
.subscribe( .subscribe(
() => { () => {
this.user = this.authService.getUser()
if (this.isUserRoot) return if (this.isUserRoot) return
if (this.hasAccountAvatar && this.hasAccountDescription) return if (this.hasAccountAvatar && this.hasAccountDescription) return
if (this.userService.hasSignupInThisSession()) return if (this.userService.hasSignupInThisSession()) return