These are chat archives for angular/material

6th
Nov 2017
Narendra
@NarenShalem
Nov 06 2017 13:37
tq @TheAndreyK_twitter for ur support
Shawn Rieger
@riegersn
Nov 06 2017 14:14
What version supports angularjs 1.4.5? some dependencies getting installed require 1.6 and its breaking my project
Wambua Makenzi
@zessu
Nov 06 2017 17:33
Is there anyway to trigger matSort directives to emulate a click ?
So that the EventEmitter is called without the user having to actually click the sort button
Lisa Copeland
@lisacopeland
Nov 06 2017 18:17
I would like to create a horizontal nav bar - is there any examples of this somewhere?
would this really be a tool bar?
Ravi Rajput
@Ravslee
Nov 06 2017 18:20
haha
@lisacopeland I have made a nav bar by using tool bar only
Lisa Copeland
@lisacopeland
Nov 06 2017 18:22
yeah - ill try that thanks
Ravi Rajput
@Ravslee
Nov 06 2017 18:22
I ssend you my example
Lisa Copeland
@lisacopeland
Nov 06 2017 18:23
thanks
Ravi Rajput
@Ravslee
Nov 06 2017 18:43
@lisacopeland

<mat-toolbar role="header" class="header-toolbar ">
<button mat-icon-button (click)="sidenav.toggle()">
<mat-icon class="mat-24">menu</mat-icon>
</button>

<div style="font-family: 'Stalemate', cursive;
font-size: 56px; margin-top:16px; display:flex;justify-content:flex-end; align-items:center; width:100%">
    <p>Fosseta Moda</p>

</div>

<div style="display:flex;justify-content: flex-end; align-items:end; width:80%">
    <a routerLink="/login">
    <button mat-icon-button >
        <i class="material-icons">lock</i>
    </button>
</a>
    <button mat-icon-button (click)="sidenav.toggle()">
        <mat-icon class="mat-24">search</mat-icon>

    </button></div>

</mat-toolbar>

<mat-toolbar role="header" class="header-toolbar ">
<button mat-icon-button (click)="sidenav.toggle()">
<mat-icon class="mat-24">menu</mat-icon>
</button>

<div style="font-family: 'Stalemate', cursive;
font-size: 56px; margin-top:16px; display:flex;justify-content:flex-end; align-items:center; width:100%">
    <p>Fosseta Moda</p>

</div>

<div style="display:flex;justify-content: flex-end; align-items:end; width:80%">
    <a routerLink="/login">
    <button mat-icon-button >
        <i class="material-icons">lock</i>
    </button>
</a>
    <button mat-icon-button (click)="sidenav.toggle()">
        <mat-icon class="mat-24">search</mat-icon>

    </button></div>

</mat-toolbar>

.header-toolbar {
background:#FFCDD2;
position: fixed;
z-index: 2;
font-style: bold;
color: #F50057;
box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
Lisa Copeland
@lisacopeland
Nov 06 2017 18:51
@Ravslee Thanks!
Ravi Rajput
@Ravslee
Nov 06 2017 18:52
welcome @lisacopeland