purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-01-10 04:25:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

(QuickPanel) Fixed: Perfect scrollbar is not available

Browse Source
This commit is contained in:
Sercan Yemen 2018-07-17 12:26:16 +03:00
parent 92d7986c8a
commit 37d5e097b5
1 changed files with 62 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

120
src/app/layout/components/quick-panel/quick-panel.component.html
View File

@ -1,72 +1,76 @@
<mat-list class="date" cdkFocusRegionStart> <div fusePerfectScrollbar>
<h3 matSubheader cdkFocusInit> <mat-list class="date" cdkFocusRegionStart>
<span>Today</span>
</h3>
<div class="secondary-text mat-display-1 mb-0 p-16"> <h3 matSubheader cdkFocusInit>
<div class="mb-12"> <span>Today</span>
{{date | date:'EEEE'}} </h3>
<div class="secondary-text mat-display-1 mb-0 p-16">
<div class="mb-12">
{{date | date:'EEEE'}}
</div>
<div fxLayout="row" fxLayoutAlign="start start">
<span> {{date | date:'d'}}</span>
<span class="mat-subheading-1">th</span>
<span> {{date | date:'MMMM'}}</span>
</div>
</div> </div>
<div fxLayout="row" fxLayoutAlign="start start"> </mat-list>
<span> {{date | date:'d'}}</span>
<span class="mat-subheading-1">th</span>
<span> {{date | date:'MMMM'}}</span>
</div>
</div>
</mat-list>
<mat-divider cdkFocusRegionEnd></mat-divider> <mat-divider cdkFocusRegionEnd></mat-divider>
<mat-list> <mat-list>
<h3 matSubheader> <h3 matSubheader>
<span>Events</span> <span>Events</span>
</h3> </h3>
<mat-list-item *ngFor="let event of events"> <mat-list-item *ngFor="let event of events">
<h3 matLine>{{event.title}}</h3> <h3 matLine>{{event.title}}</h3>
<p matLine class="secondary-text">{{event.detail}}</p> <p matLine class="secondary-text">{{event.detail}}</p>
</mat-list-item> </mat-list-item>
</mat-list> </mat-list>
<mat-divider></mat-divider> <mat-divider></mat-divider>
<mat-list> <mat-list>
<h3 matSubheader> <h3 matSubheader>
<span>Notes</span> <span>Notes</span>
</h3> </h3>
<mat-list-item *ngFor="let note of notes"> <mat-list-item *ngFor="let note of notes">
<h3 matLine>{{note.title}}</h3> <h3 matLine>{{note.title}}</h3>
<p matLine class="secondary-text">{{note.detail}}</p> <p matLine class="secondary-text">{{note.detail}}</p>
</mat-list-item> </mat-list-item>
</mat-list> </mat-list>
<mat-divider></mat-divider> <mat-divider></mat-divider>
<mat-list> <mat-list>
<h3 matSubheader> <h3 matSubheader>
<span>Quick Settings</span> <span>Quick Settings</span>
</h3> </h3>
<mat-list-item> <mat-list-item>
<mat-slide-toggle fxFlex class="mat-primary" [(ngModel)]="settings.notify" aria-label="Notifications" <mat-slide-toggle fxFlex class="mat-primary" [(ngModel)]="settings.notify" aria-label="Notifications"
labelPosition="before"> labelPosition="before">
<h3>Notifications</h3> <h3>Notifications</h3>
</mat-slide-toggle> </mat-slide-toggle>
</mat-list-item> </mat-list-item>
<mat-list-item> <mat-list-item>
<mat-slide-toggle fxFlex class="mat-accent" [(ngModel)]="settings.cloud" aria-label="Cloud" <mat-slide-toggle fxFlex class="mat-accent" [(ngModel)]="settings.cloud" aria-label="Cloud"
labelPosition="before"> labelPosition="before">
<h3>Cloud Sync</h3> <h3>Cloud Sync</h3>
</mat-slide-toggle> </mat-slide-toggle>
</mat-list-item> </mat-list-item>
<mat-list-item> <mat-list-item>
<mat-slide-toggle fxFlex class="mat-warn" [(ngModel)]="settings.retro" aria-label="Retro Thrusters" <mat-slide-toggle fxFlex class="mat-warn" [(ngModel)]="settings.retro" aria-label="Retro Thrusters"
labelPosition="before"> labelPosition="before">
<h3>Retro Thrusters</h3> <h3>Retro Thrusters</h3>
</mat-slide-toggle> </mat-slide-toggle>
</mat-list-item> </mat-list-item>
</mat-list> </mat-list>
</div>