Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-01-24 10:16:10 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(icons popover): fix eva icons color, popover arrow style (#1923)

Browse source
This commit is contained in:
Denis Strigo 2018-11-22 09:32:02 +02:00 • committed by GitHub
parent 73e9b26692
commit 242ce8dab6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 53 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6,13 +6,13 @@
</nb-card-header>
<nb-card-body>
<div class="icon" *ngFor="let icon of evaIcons">
<i [nbPopover]="icon">
<i [innerHTML]="icon | eva: { fill: '#d1d1ff', animationType: 'pulse' }"></i>
<i class="eva-icon-container" [nbPopover]="icon">
<i [innerHTML]="icon | eva: { animationType: 'pulse' }"></i>
</i>
</div>
</nb-card-body>
<nb-card-footer>
<a href="https://akveo.github.io/eva-icons/" target="_blank">See all eva-icons</a>
<a href="https://akveo.github.io/eva-icons/" target="_blank">See all Eva Icons</a>
</nb-card-footer>
</nb-card>
</div>

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

@ -1,25 +1,33 @@
.icon {
display: inline-block;
width: 4rem;
padding: 1.25rem 0;
text-align: center;
font-size: 1.25rem;
@import '../../../@theme/styles/themes';
i:hover {
opacity: 0.8;
cursor: pointer;
@include nb-install-component() {
.icon {
display: inline-block;
width: 4rem;
padding: 1.25rem 0;
text-align: center;
font-size: 1.25rem;
i:hover {
opacity: 0.8;
cursor: pointer;
}
}
.eva-icon-container {
fill: nb-theme(card-fg-text);
}
.nb-icons .icon {
padding: 0.75rem 0;
font-size: 1.75rem;
}
nb-card-body {
padding: 0;
}
nb-card-footer {
text-align: right;
}
}
.nb-icons .icon {
padding: 0.75rem 0;
font-size: 1.75rem;
}
nb-card-body {
padding: 0;
}
nb-card-footer {
text-align: right;
}