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"> <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"> <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>
<a class="left-bar-button left-bar-button--search left-bar-link" href title="search" (click)="openSearch()" *ngIf="hasAccounts"> <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> <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; transition: all .2s;
// outline: 1px dotted greenyellow; // outline: 1px dotted greenyellow;
&--status { &--status {
padding: 5px 0 0 10px; font-size: 26px;
padding: 5px 0 0 12px;
} }
&--search { &--search {
padding: 0 0 0 9px; font-size: 28px;
padding: 0 0 0 11px;
} }
&--add { &--add {
padding: 0 0 0 12px; 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 { Component, OnInit, OnDestroy } from "@angular/core";
import { Subscription, BehaviorSubject, Observable } from "rxjs"; import { Subscription, Observable } from "rxjs";
import { Store } from "@ngxs/store"; import { Store } from "@ngxs/store";
import { faCommentAlt } from "@fortawesome/free-regular-svg-icons";
import { Account } from "../../services/models/mastodon.interfaces"; import { Account } from "../../services/models/mastodon.interfaces";
import { AccountWrapper } from "../../models/account.models"; 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 { NavigationService, LeftPanelType } from "../../services/navigation.service";
import { MastodonService } from "../../services/mastodon.service"; import { MastodonService } from "../../services/mastodon.service";
@ -15,6 +16,8 @@ import { MastodonService } from "../../services/mastodon.service";
styleUrls: ["./left-side-bar.component.scss"] styleUrls: ["./left-side-bar.component.scss"]
}) })
export class LeftSideBarComponent implements OnInit, OnDestroy { export class LeftSideBarComponent implements OnInit, OnDestroy {
faCommentAlt = faCommentAlt;
accounts: AccountWrapper[] = []; accounts: AccountWrapper[] = [];
hasAccounts: boolean; hasAccounts: boolean;
private accounts$: Observable<AccountInfo[]>; private accounts$: Observable<AccountInfo[]>;