flex migration of account navigation
This commit is contained in:
parent
46adf207bb
commit
1830212a91
|
@ -166,40 +166,28 @@
|
||||||
|
|
||||||
<div class="profile__extra-info profile__extra-info__preparefloating" *ngIf="!isLoading"
|
<div class="profile__extra-info profile__extra-info__preparefloating" *ngIf="!isLoading"
|
||||||
[class.profile__extra-info__floating]="showFloatingStatusMenu">
|
[class.profile__extra-info__floating]="showFloatingStatusMenu">
|
||||||
<div class="profile__extra-info__section">
|
<a href class="profile__extra-info__section profile__extra-info__links" (click)="switchStatusSection('status')" title="Status"
|
||||||
<a href class="profile__extra-info__links" (click)="switchStatusSection('status')" title="Status"
|
|
||||||
[class.profile__extra-info__links--selected]="statusSection === 'status'">Status</a>
|
[class.profile__extra-info__links--selected]="statusSection === 'status'">Status</a>
|
||||||
</div>
|
<a href class="profile__extra-info__section profile__extra-info__links" (click)="switchStatusSection('replies')"
|
||||||
<div class="profile__extra-info__section">
|
|
||||||
<a href class="profile__extra-info__links" (click)="switchStatusSection('replies')"
|
|
||||||
title="Status & Replies"
|
title="Status & Replies"
|
||||||
[class.profile__extra-info__links--selected]="statusSection === 'replies'">Status &
|
[class.profile__extra-info__links--selected]="statusSection === 'replies'">Status &
|
||||||
Replies</a>
|
Replies</a>
|
||||||
</div>
|
<a href class="profile__extra-info__section profile__extra-info__links" (click)="switchStatusSection('media')" title="Media"
|
||||||
<div class="profile__extra-info__section">
|
|
||||||
<a href class="profile__extra-info__links" (click)="switchStatusSection('media')" title="Media"
|
|
||||||
[class.profile__extra-info__links--selected]="statusSection === 'media'">Media</a>
|
[class.profile__extra-info__links--selected]="statusSection === 'media'">Media</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="profile-statuses" #profilestatuses>
|
<div class="profile-statuses" #profilestatuses>
|
||||||
<div class="profile__extra-info" *ngIf="!isLoading">
|
<div class="profile__extra-info" *ngIf="!isLoading">
|
||||||
<div class="profile__extra-info__section">
|
<a href class="profile__extra-info__section profile__extra-info__links" (click)="switchStatusSection('status')"
|
||||||
<a href class="profile__extra-info__links" (click)="switchStatusSection('status')"
|
|
||||||
title="Status"
|
title="Status"
|
||||||
[class.profile__extra-info__links--selected]="statusSection === 'status'">Status</a>
|
[class.profile__extra-info__links--selected]="statusSection === 'status'">Status</a>
|
||||||
</div>
|
<a href class="profile__extra-info__section profile__extra-info__links" (click)="switchStatusSection('replies')"
|
||||||
<div class="profile__extra-info__section">
|
|
||||||
<a href class="profile__extra-info__links" (click)="switchStatusSection('replies')"
|
|
||||||
title="Status & Replies"
|
title="Status & Replies"
|
||||||
[class.profile__extra-info__links--selected]="statusSection === 'replies'">Status &
|
[class.profile__extra-info__links--selected]="statusSection === 'replies'">Status &
|
||||||
Replies</a>
|
Replies</a>
|
||||||
</div>
|
<a href class="profile__extra-info__section profile__extra-info__links" (click)="switchStatusSection('media')" title="Media"
|
||||||
<div class="profile__extra-info__section">
|
|
||||||
<a href class="profile__extra-info__links" (click)="switchStatusSection('media')" title="Media"
|
|
||||||
[class.profile__extra-info__links--selected]="statusSection === 'media'">Media</a>
|
[class.profile__extra-info__links--selected]="statusSection === 'media'">Media</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div [class.profile__status-switching-section]="isSwitchingSection">
|
<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">
|
||||||
|
|
|
@ -275,14 +275,15 @@ $floating-header-height: 60px;
|
||||||
&-follows {
|
&-follows {
|
||||||
width: calc(100%);
|
width: calc(100%);
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
border-bottom: 1px solid #0f111a;;
|
border-bottom: 1px solid #0f111a;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
|
||||||
&__link {
|
&__link {
|
||||||
color: white;
|
color: white;
|
||||||
width: calc(50%);
|
flex-grow: 1;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
display: inline-block;
|
|
||||||
background-color: #1a1f2e;
|
background-color: #1a1f2e;
|
||||||
transition: all .2s;
|
transition: all .2s;
|
||||||
|
|
||||||
|
@ -311,15 +312,15 @@ $floating-header-height: 60px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
transition: all .4s;
|
transition: all .4s;
|
||||||
|
|
||||||
&__section {
|
display: flex;
|
||||||
text-align: center;
|
|
||||||
display: inline-block;
|
|
||||||
width: calc(33.333% - 5px);
|
|
||||||
padding: 5px 0 7px 0;
|
|
||||||
|
|
||||||
&:not(:last-child) {
|
&__section {
|
||||||
margin-right: 5px;
|
// outline: 1px dotted orange;
|
||||||
}
|
|
||||||
|
flex-grow: 1;
|
||||||
|
|
||||||
|
text-align: center;
|
||||||
|
padding: 5px 0 7px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__preparefloating {
|
&__preparefloating {
|
||||||
|
|
Loading…
Reference in New Issue