inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2026-09-09 18:02:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

render tooltip descripiton (#785)

Browse Source
This commit is contained in:
Cilibiu Bogdan
2018-11-06 17:05:40 +02:00
committed by GitHub
parent 88678852e7
commit 42125b67ec
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/sidenav/sidenav.component.html
+8 -4
View File
@@ -13,7 +13,8 @@
<ng-container *ngIf="showLabel"> <ng-container *ngIf="showLabel">
<ng-container *ngIf="!item.children"> <ng-container *ngIf="!item.children">
<div class="sidenav-menu__item"> <div class="sidenav-menu__item"
[attr.title]="item.description | translate">
<button [id]="item.id" <button [id]="item.id"
mat-icon-button mat-ripple mat-icon-button mat-ripple
[routerLink]="item.url" [routerLink]="item.url"
@@ -42,7 +43,7 @@
<ng-container *ngIf="item.children && item.children.length"> <ng-container *ngIf="item.children && item.children.length">
<mat-expansion-panel [expanded]="routerLink.isActive" [@.disabled]="true"> <mat-expansion-panel [expanded]="routerLink.isActive" [@.disabled]="true">
<mat-expansion-panel-header expandedHeight="48px" collapsedHeight="48px" [id]="item.id"> <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> <mat-icon [color]="routerLink.isActive? 'accent': 'primary'">{{ item.icon }}</mat-icon>
<span class="menu__item--label" <span class="menu__item--label"
[ngClass]="{ [ngClass]="{
@@ -89,7 +90,8 @@
<button [id]="item.id" <button [id]="item.id"
mat-icon-button [routerLink]="item.url" mat-icon-button [routerLink]="item.url"
[color]="routerLink.isActive ? 'accent': 'primary'" [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> <mat-icon>{{ item.icon }}</mat-icon>
</button> </button>
@@ -97,7 +99,8 @@
</ng-container> </ng-container>
<ng-container *ngIf="item.children && item.children.length"> <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" <button [id]="item.id"
color="accent" color="accent"
mat-mini-fab mat-mini-fab
@@ -128,6 +131,7 @@
routerLinkActive routerLinkActive
#menuRouterLink="routerLinkActive" #menuRouterLink="routerLinkActive"
[routerLink]="child.url" [routerLink]="child.url"
[attr.title]="child.description | translate"
[id]="child.id"> [id]="child.id">
<mat-icon [color]="menuRouterLink.isActive ? 'primary': null" <mat-icon [color]="menuRouterLink.isActive ? 'primary': null"