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

feat(icons): update icons, add new nebular icons to icons list (#1738)

Browse source
This commit is contained in:
Denis Strigo 2018-06-19 19:26:56 +03:00 • committed by Dmitry Nehaychik
parent b400ef13f9
commit cef6ea6499
5 changed files with 562 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/app/pages/ui-features/icons/icons.component.html
View file

@ -5,7 +5,10 @@
Nebular
</nb-card-header>
<nb-card-body>
<div class="icon" *ngFor="let icon of icons.nebular"><i class="{{ icon }}"></i></div>
<div class="icon"
*ngFor="let icon of icons.nebular">
<i class="{{ icon }}" [nbPopover]="icon"></i>
</div>
</nb-card-body>
</nb-card>
@ -14,7 +17,10 @@
Font awesome icons
</nb-card-header>
<nb-card-body>
<div class="icon" *ngFor="let icon of icons.fontAwesome"><i class="fa {{ icon }}"></i></div>
<div class="icon"
*ngFor="let icon of icons.fontAwesome">
<i class="fa {{ icon }}" [nbPopover]="icon"></i>
</div>
</nb-card-body>
<nb-card-footer>
<a href="http://fortawesome.github.io/Font-Awesome/icons/" target="_blank">
@ -30,7 +36,9 @@
Ionicons
</nb-card-header>
<nb-card-body>
<div class="icon" *ngFor="let icon of icons.ionicons"><i class="{{ icon }}"></i></div>
<div class="icon" *ngFor="let icon of icons.ionicons">
<i class="{{ icon }}" [nbPopover]="icon"></i>
</div>
</nb-card-body>
<nb-card-footer>
<a href="http://ionicons.com/" target="_blank">See all ionicons icons</a>

5
src/app/pages/ui-features/icons/icons.component.scss
View file

@ -4,6 +4,11 @@
padding: 1.25rem 0;
text-align: center;
font-size: 1.25rem;
i:hover {
opacity: 0.8;
cursor: pointer;
}
}
.nb-icons .icon {

4
src/app/pages/ui-features/icons/icons.component.ts
View file

@ -12,7 +12,7 @@ export class IconsComponent {
nebular: ['nb-alert', 'nb-angle-double-left', 'nb-arrow-down', 'nb-arrow-dropdown', 'nb-arrow-dropleft',
'nb-arrow-dropright', 'nb-arrow-dropup', 'nb-arrow-left', 'nb-arrow-retweet', 'nb-arrow-right',
'nb-arrow-thin-down', 'nb-arrow-thin-left', 'nb-arrow-thin-right', 'nb-arrow-thin-up',
'nb-arrow-up', 'nb-audio', 'nb-bar-chart', 'nb-chekmark', 'nb-chevron-down',
'nb-arrow-up', 'nb-audio', 'nb-bar-chart', 'nb-checkmark', 'nb-chevron-down',
'nb-chevron-down-outline', 'nb-chevron-left', 'nb-chevron-left-outline', 'nb-chevron-right',
'nb-chevron-right-outline', 'nb-chevron-up', 'nb-chevron-up-outline', 'nb-close',
'nb-close-circled', 'nb-cloudy', 'nb-coffee-maker', 'nb-compose', 'nb-edit', 'nb-email',
@ -25,7 +25,7 @@ export class IconsComponent {
'nb-rainy', 'nb-roller-shades', 'nb-search', 'nb-shuffle', 'nb-skip-backward',
'nb-skip-backward-outline', 'nb-skip-forward', 'nb-skip-forward-outline', 'nb-snowy-circled',
'nb-square', 'nb-square-outline', 'nb-star', 'nb-sunny', 'nb-sunny-circled', 'nb-tables', 'nb-title',
'nb-trash', 'nb-volume-high', 'nb-volume-mute'],
'nb-trash', 'nb-volume-high', 'nb-volume-mute', 'nb-drop', 'nb-drops', 'nb-info'],
ionicons: [
'ion-ionic', 'ion-arrow-right-b', 'ion-arrow-down-b', 'ion-arrow-left-b', 'ion-arrow-up-c', 'ion-arrow-right-c',