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

dropdown buttons implementation

Browse source
This commit is contained in:
nixa 2016-05-12 13:53:13 +03:00
parent 85072185e9
commit 8dbdd2fa64
19 changed files with 371 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/app/theme/components/pageTop/pageTop.component.ts
View file

@ -1,4 +1,4 @@
import {Component} from '@angular/core';
import {Component, ViewEncapsulation} from '@angular/core';
import {ThemeGlobal} from '../../../theme';
import {ProfilePicturePipe} from '../../pipes';
@ -10,7 +10,8 @@ import {ScrollPosition} from '../../directives';
styles: [require('./pageTop.scss')],
template: require('./pageTop.html'),
directives: [MsgCenter, ScrollPosition],
pipes: [ProfilePicturePipe]
pipes: [ProfilePicturePipe],
encapsulation: ViewEncapsulation.None
})
export class PageTop {
isScrolled:Boolean = false;

1
src/app/theme/components/pageTop/pageTop.html
View file

@ -1,3 +1,4 @@
<div class="page-top clearfix" scrollPosition maxHeight="50" (scrollChange)="scrolledChanged($event)"
[ngClass]="{scrolled: isScrolled}">
<a href="#/dashboard" class="al-logo clearfix"><span>Blur</span>Admin</a>

4
src/app/theme/components/pageTop/pageTop.scss
View file

@ -14,6 +14,10 @@
&.scrolled {
@include bg-translucent-dark(0.85);
}
.dropdown-toggle::after {
display: none;
}
}
a.al-logo {