name removed from header (#3209)

This commit is contained in:
Nikolay Yurchenko 2019-10-17 15:25:18 +03:00 committed by GitHub
parent 774758c656
commit afdd340586
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 10 deletions

View File

@ -10,10 +10,9 @@
<!-- img if avatar was set -->
<h1 class="account-button-toggle-container__avatar__letter">{{avatarLetter}}</h1>
</div>
<h1 class="account-button-toggle-container__user-name">{{userName}}</h1>
<div class="account-button-toggle-container__expander-area">
<img v-if="!isDropdownShown" src="@/../static/images/register/BlueExpand.svg" alt="Arrow down (expand)"/>
<img v-if="isDropdownShown" src="@/../static/images/register/BlueHide.svg" alt="Arrow up (hide)"/>
<img v-if="!isDropdownShown" src="@/../static/images/account/BlackArrowExpand.svg" alt="Arrow down (expand)"/>
<img v-if="isDropdownShown" src="@/../static/images/account/BlackArrowHide.svg" alt="Arrow up (hide)"/>
</div>
</div>
<AccountDropdown v-if="isDropdownShown"/>
@ -41,10 +40,6 @@ export default class AccountButton extends Vue {
return this.$store.getters.userName.slice(0, 1).toUpperCase();
}
public get userName(): string {
return this.$store.getters.userName;
}
public get isDropdownShown(): boolean {
return this.$store.state.appStateModule.appState.isAccountDropdownShown;
}
@ -100,12 +95,10 @@ export default class AccountButton extends Vue {
}
&__expander-area {
margin-left: 12px;
margin-left: 9px;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
}
}

View File

@ -0,0 +1,3 @@
<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.266267 0.254166C0.621289 -0.0847221 1.19689 -0.0847221 1.55192 0.254166L5 3.54555L8.44808 0.254166C8.80311 -0.0847221 9.37871 -0.0847221 9.73373 0.254166C10.0888 0.593054 10.0888 1.1425 9.73373 1.48139L5 6L0.266267 1.48139C-0.0887555 1.1425 -0.0887555 0.593054 0.266267 0.254166Z" fill="#354049"/>
</svg>

After

Width:  |  Height:  |  Size: 451 B

View File

@ -0,0 +1,3 @@
<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.73373 5.74583C9.37871 6.08472 8.80311 6.08472 8.44808 5.74583L5 2.45445L1.55192 5.74583C1.19689 6.08472 0.621288 6.08472 0.266267 5.74583C-0.0887565 5.40694 -0.0887565 4.8575 0.266267 4.51861L5 -4.37114e-07L9.73373 4.51861C10.0888 4.8575 10.0888 5.40695 9.73373 5.74583Z" fill="#354049"/>
</svg>

After

Width:  |  Height:  |  Size: 442 B