Mastodon/Sengi-Windows-MacOS-Linux
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix ionicons with electron integration

Browse Source
This commit is contained in:
Nicolas Constant 2018-09-23 13:40:29 -04:00
parent 89f4483bc2
commit 418ac5df03
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
5 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
angular.json
View File

@ -21,7 +21,6 @@
"src/favicon.ico"
],
"styles": [
"./node_modules/ionicons/dist/scss/ionicons.scss",
"src/sass/styles.scss"
],
"stylePreprocessorOptions": {

5
src/app/app.module.ts
View File

@ -2,7 +2,7 @@ import { BrowserModule } from "@angular/platform-browser";
import { FormsModule } from "@angular/forms";
import { HttpModule } from "@angular/http";
import { HttpClientModule } from '@angular/common/http';
import { NgModule, APP_INITIALIZER } from "@angular/core";
import { NgModule, APP_INITIALIZER, CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";
import { RouterModule, Routes } from "@angular/router";
import { NgxElectronModule } from "ngx-electron";
@ -74,6 +74,7 @@ const routes: Routes = [
NgxsStoragePluginModule.forRoot()
],
providers: [AuthService, NavigationService, MastodonService, StreamingService],
bootstrap: [AppComponent]
bootstrap: [AppComponent],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class AppModule { }

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

@ -1,23 +1,21 @@
<div class="left-bar">
<a class="left-bar-button left-bar-button--status left-bar-link" href title="write new message" (click)="createNewStatus()">
<span class="ion ion-md-send" style="font-size: 32px;"></span>
<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()">
<span class="ion ion-md-search" style="font-size: 32px;"></span>
<ion-icon name="md-search"></ion-icon>
</a>
<div *ngFor="let account of accounts">
<app-account-icon [account]="account" (toogleAccountNotify)="onToogleAccountNotify($event)" (openMenuNotify)="onOpenMenuNotify($event)">
</app-account-icon>
<!-- <a href title="{{ account.username }}" (click)="toogleAccount(account.id)"><img src="{{ account.avatar }}" /></a> -->
</div>
<a class="left-bar-button left-bar-button--add left-bar-link" href title="add new account" (click)="addNewAccount()">
<span class="ion ion-md-add" style="font-size:26px;"></span>
<ion-icon name="md-add"></ion-icon>
</a>
<a class="left-bar-button left-bar-button--cog left-bar-link" href title="settings" (click)="openSettings()">
<span class="ion ion-md-cog" style="font-size: 32px;"></span>
<ion-icon name="md-cog"></ion-icon>
</a>
</div>

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

@ -17,24 +17,26 @@ $height-button: 40px;
}
.left-bar-button {
font-size: 32px;
display: block;
width: $width-button;
height: $height-button;
transition: all .2s;
// outline: 1px dotted greenyellow;
&--status {
padding: 5px 0 0 12px;
padding: 5px 0 0 10px;
}
&--search {
padding: 2px 0 0 12px;
padding: 0 0 0 9px;
}
&--add {
padding: 0 0 0 16px;
padding: 0 0 0 12px;
font-size: 26px;
}
&--cog {
padding: 2px 0 0 10px;
padding: 2px 0 0 9px;
position: absolute;
bottom: 5px;
bottom: 7px;
opacity: .2;
transition: all .3s;
filter: alpha(opacity=20);

4
src/index.html
View File

@ -10,12 +10,16 @@
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>
<body>
<app-root>
loading...
</app-root>
<script src="https://unpkg.com/ionicons@4.4.2/dist/ionicons.js"></script>
</body>
</html>