Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 23:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(docs): header fonts and material theme link

Browse source
This commit is contained in:
Alex 2020-04-01 11:51:28 +03:00 • committed by Sergey Andrievskiy
parent 5df57350e1
commit 7a1c74cb18
7 changed files with 56 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/app/shared/components/material-theme-link/material-theme-link.component.html
View file

@ -5,11 +5,9 @@
nbPopoverPlacement="bottom"
nbPopoverTrigger="noop"
>
<i [innerHTML]="'color-palette-outline' | eva: { width: 24, height: 24, fill: '#ff4d6b', animationType: 'shake' }"
></i>
Material Theme
</a>
<ng-template #popoverContent>
<p class="material-theme-popover" (mouseover)="hidePopover()">New theme is available!</p>
</ng-template>
</ng-template>

40
docs/app/shared/components/material-theme-link/material-theme-link.component.scss
View file

@ -1,16 +1,32 @@
:host {
display: flex;
align-items: center;
padding-right: 32px;
}
a {
display: flex;
align-items: center;
}
@import '../../../@theme/styles/themes';
@import '~@nebular/theme/styles/global/breakpoints';
i {
margin-right: 8px;
@include nb-install-component() {
$menu-item-fg: nb-theme(color-fg-heading-light);
$menu-item-fg-active: nb-theme(header-menu-fg-active);
$header-font-weight: nb-theme(header-font-weight);
:host {
display: flex;
align-items: center;
padding-right: 32px;
}
a {
text-decoration: none;
font-weight: $header-font-weight;
font-size: 13px;
line-height: 1.5rem;
padding: 0.675rem 1.375rem;
color: $menu-item-fg;
display: block;
&:hover, &.active, &:focus {
color: $menu-item-fg-active;
outline: none !important;
}
}
}
.material-theme-popover {
@ -19,4 +35,4 @@ i {
color: #ff4d6b;
font-weight: 600;
font-size: 1.1rem;
}
}