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

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

@ -1,4 +1,6 @@
<mat-list class="date" cdkFocusRegionStart> <div fusePerfectScrollbar>
<mat-list class="date" cdkFocusRegionStart>
<h3 matSubheader cdkFocusInit> <h3 matSubheader cdkFocusInit>
<span>Today</span> <span>Today</span>
@ -14,11 +16,11 @@
<span> {{date | date:'MMMM'}}</span> <span> {{date | date:'MMMM'}}</span>
</div> </div>
</div> </div>
</mat-list> </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>
@ -27,11 +29,11 @@
<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>
@ -40,11 +42,11 @@
<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>
@ -69,4 +71,6 @@
<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>