render tooltip descripiton (#785)

This commit is contained in:
Cilibiu Bogdan
2018-11-06 17:05:40 +02:00
committed by GitHub
parent 88678852e7
commit 42125b67ec
@@ -13,7 +13,8 @@
<ng-container *ngIf="showLabel">
<ng-container *ngIf="!item.children">
<div class="sidenav-menu__item">
<div class="sidenav-menu__item"
[attr.title]="item.description | translate">
<button [id]="item.id"
mat-icon-button mat-ripple
[routerLink]="item.url"
@@ -42,7 +43,7 @@
<ng-container *ngIf="item.children && item.children.length">
<mat-expansion-panel [expanded]="routerLink.isActive" [@.disabled]="true">
<mat-expansion-panel-header expandedHeight="48px" collapsedHeight="48px" [id]="item.id">
<mat-panel-title>
<mat-panel-title [attr.title]="item.description | translate">
<mat-icon [color]="routerLink.isActive? 'accent': 'primary'">{{ item.icon }}</mat-icon>
<span class="menu__item--label"
[ngClass]="{
@@ -89,7 +90,8 @@
<button [id]="item.id"
mat-icon-button [routerLink]="item.url"
[color]="routerLink.isActive ? 'accent': 'primary'"
[attr.aria-label]="item.title | translate">
[attr.aria-label]="item.title | translate"
[attr.title]="item.description | translate">
<mat-icon>{{ item.icon }}</mat-icon>
</button>
@@ -97,7 +99,8 @@
</ng-container>
<ng-container *ngIf="item.children && item.children.length">
<div class="sidenav-menu__item">
<div class="sidenav-menu__item"
[attr.title]="item.description | translate">
<button [id]="item.id"
color="accent"
mat-mini-fab
@@ -128,6 +131,7 @@
routerLinkActive
#menuRouterLink="routerLinkActive"
[routerLink]="child.url"
[attr.title]="child.description | translate"
[id]="child.id">
<mat-icon [color]="menuRouterLink.isActive ? 'primary': null"