Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-18 16:30:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor(styles): inverse re-do

Browse source
This commit is contained in:
Dmitry Nehaychik 2017-06-21 17:34:10 +03:00
parent d34c272bff
commit fa26f9f0bf
4 changed files with 16 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/app/@theme/components/header/header.component.scss
View file

@ -1,4 +1,6 @@
:host { @import '../../styles/variables';
@include nga-install-component() {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -17,8 +19,7 @@
.left { .left {
> * { > * {
padding: 0 1.25rem; padding: 0 1.25rem;
border-right-width: 1px; border-right: 1px solid nga-theme(separator);
border-right-style: solid;
&:first-child { &:first-child {
padding-left: 0; padding-left: 0;
@ -34,12 +35,12 @@
} }
.control-icon.ion-navicon { .control-icon.ion-navicon {
font-size: 2.8rem; font-size: 2.5rem;
} }
.logo { .logo {
font-size: 1.7rem; font-size: 1.7rem;
font-weight: bold; font-weight: nga-theme(font-weight-bolder);
text-decoration: none; text-decoration: none;
transition: all 0.2s ease; transition: all 0.2s ease;
cursor: pointer; cursor: pointer;

13
src/app/@theme/components/header/header.component.ts
View file

@ -8,7 +8,7 @@ import { NgaThemeService } from '@nga/theme/services/theme.service';
styleUrls: ['./header.component.scss'], styleUrls: ['./header.component.scss'],
template: ` template: `
<div class="left"> <div class="left">
<i class="control-icon ion ion-navicon" (click)="toggleSidebar()"></i> <a (click)="toggleSidebar()" href="#"><i class="control-icon ion ion-navicon"></i></a>
<span class="logo" (click)="goToHome()">NgX&nbsp;<a>Admin</a></span> <span class="logo" (click)="goToHome()">NgX&nbsp;<a>Admin</a></span>
<div class="theme-buttons"> <div class="theme-buttons">
<button class="btn btn-hero-primary" (click)="selectCosmicTheme()">Cosmic</button> <button class="btn btn-hero-primary" (click)="selectCosmicTheme()">Cosmic</button>
@ -17,12 +17,12 @@ import { NgaThemeService } from '@nga/theme/services/theme.service';
</div> </div>
</div> </div>
<nga-actions size="medium" inverse class="right"> <nga-actions size="medium" class="right">
<nga-action><nga-search type="rotate-layout"></nga-search></nga-action> <nga-action><nga-search type="rotate-layout"></nga-search></nga-action>
<nga-action icon="ion-ios-email-outline"></nga-action> <nga-action icon="ion-ios-email-outline"></nga-action>
<nga-action disabled icon="ion-ios-bell-outline"></nga-action> <nga-action disabled icon="ion-ios-bell-outline"></nga-action>
<nga-action> <nga-action>
<nga-user inverse [menu]="userMenu" name="Han Solo"></nga-user> <nga-user [menu]="userMenu" name="Han Solo"></nga-user>
</nga-action> </nga-action>
<nga-action icon="ion-ios-gear-outline"></nga-action> <nga-action icon="ion-ios-gear-outline"></nga-action>
</nga-actions> </nga-actions>
@ -40,12 +40,13 @@ export class HeaderComponent {
]; ];
constructor(private sidebarService: NgaSidebarService, constructor(private sidebarService: NgaSidebarService,
private menuService: NgaMenuService, private menuService: NgaMenuService,
private themeService: NgaThemeService) { private themeService: NgaThemeService) {
} }
toggleSidebar() { toggleSidebar(): boolean {
this.sidebarService.toggle(true); this.sidebarService.toggle(true);
return false;
} }
goToHome() { goToHome() {

2
src/app/pages/pages.component.ts
View file

@ -6,7 +6,7 @@ import 'style-loader!../@theme/styles/styles.scss';
selector: 'ngx-pages', selector: 'ngx-pages',
template: ` template: `
<ngx-one-column-layout> <ngx-one-column-layout>
<nga-menu inverse></nga-menu> <nga-menu></nga-menu>
<router-outlet></router-outlet> <router-outlet></router-outlet>
</ngx-one-column-layout> </ngx-one-column-layout>
`, `,

4
src/app/pages/ui-features/buttons/actions-groups/actions-groups.component.html
View file

@ -4,7 +4,7 @@
<div class="container-title"> <div class="container-title">
<span>Action Groups</span> <span>Action Groups</span>
</div> </div>
<nga-actions size="medium" inverse> <nga-actions size="medium">
<nga-action icon="ion-navicon"></nga-action> <nga-action icon="ion-navicon"></nga-action>
<nga-action> <nga-action>
<nga-search type="rotate-layout"></nga-search> <nga-search type="rotate-layout"></nga-search>
@ -12,7 +12,7 @@
<nga-action icon="ion-ios-email-outline"></nga-action> <nga-action icon="ion-ios-email-outline"></nga-action>
<nga-action disabled icon="ion-ios-bell-outline"></nga-action> <nga-action disabled icon="ion-ios-bell-outline"></nga-action>
<nga-action> <nga-action>
<nga-user inverse [menu]="userMenu" name="Han Solo"></nga-user> <nga-user [menu]="userMenu" name="Han Solo"></nga-user>
</nga-action> </nga-action>
<nga-action icon="ion-ios-gear-outline"></nga-action> <nga-action icon="ion-ios-gear-outline"></nga-action>
</nga-actions> </nga-actions>