fine-tuned left-bar icons
This commit is contained in:
parent
00a42c2092
commit
77240b0eec
|
@ -1,6 +1,7 @@
|
|||
<div class="left-bar">
|
||||
<a class="left-bar-button left-bar-button--status left-bar-link" href title="write new message" (click)="createNewStatus()" *ngIf="hasAccounts">
|
||||
<ion-icon name="md-send"></ion-icon>
|
||||
<fa-icon [icon]="faCommentAlt"></fa-icon>
|
||||
<!-- <ion-icon name="md-send"></ion-icon> -->
|
||||
</a>
|
||||
<a class="left-bar-button left-bar-button--search left-bar-link" href title="search" (click)="openSearch()" *ngIf="hasAccounts">
|
||||
<ion-icon name="md-search"></ion-icon>
|
||||
|
|
|
@ -25,10 +25,12 @@ $height-button: 40px;
|
|||
transition: all .2s;
|
||||
// outline: 1px dotted greenyellow;
|
||||
&--status {
|
||||
padding: 5px 0 0 10px;
|
||||
font-size: 26px;
|
||||
padding: 5px 0 0 12px;
|
||||
}
|
||||
&--search {
|
||||
padding: 0 0 0 9px;
|
||||
font-size: 28px;
|
||||
padding: 0 0 0 11px;
|
||||
}
|
||||
&--add {
|
||||
padding: 0 0 0 12px;
|
||||
|
|
|
@ -1,10 +1,11 @@
|
|||
import { Component, OnInit, OnDestroy } from "@angular/core";
|
||||
import { Subscription, BehaviorSubject, Observable } from "rxjs";
|
||||
import { Subscription, Observable } from "rxjs";
|
||||
import { Store } from "@ngxs/store";
|
||||
import { faCommentAlt } from "@fortawesome/free-regular-svg-icons";
|
||||
|
||||
import { Account } from "../../services/models/mastodon.interfaces";
|
||||
import { AccountWrapper } from "../../models/account.models";
|
||||
import { AccountsStateModel, AccountInfo, SelectAccount } from "../../states/accounts.state";
|
||||
import { AccountInfo, SelectAccount } from "../../states/accounts.state";
|
||||
import { NavigationService, LeftPanelType } from "../../services/navigation.service";
|
||||
import { MastodonService } from "../../services/mastodon.service";
|
||||
|
||||
|
@ -15,6 +16,8 @@ import { MastodonService } from "../../services/mastodon.service";
|
|||
styleUrls: ["./left-side-bar.component.scss"]
|
||||
})
|
||||
export class LeftSideBarComponent implements OnInit, OnDestroy {
|
||||
faCommentAlt = faCommentAlt;
|
||||
|
||||
accounts: AccountWrapper[] = [];
|
||||
hasAccounts: boolean;
|
||||
private accounts$: Observable<AccountInfo[]>;
|
||||
|
|
Loading…
Reference in New Issue