Mastodon
/
Sengi-Windows-MacOS-Linux
mirror of https://github.com/NicolasConstant/sengi
1
0
Fork 0
Code Issues Releases Wiki Activity

fine-tuned left-bar icons

This commit is contained in:
Nicolas Constant 2019-02-10 23:03:05 -05:00
parent 00a42c2092
commit 77240b0eec
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/components/left-side-bar/left-side-bar.component.html
View File

@ -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>

6
src/app/components/left-side-bar/left-side-bar.component.scss
View File

@ -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;

7
src/app/components/left-side-bar/left-side-bar.component.ts
View File

@ -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[]>;