MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Library | Trunk]: Navbar add title tooltip on header title and recude his length to 2 lines 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@60821 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2021-04-09 12:35:02 +00:00
parent f0d0858a25
commit e9bf5d8503
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
sharedComponents/navigationBar.component.html
View File

@ -268,10 +268,11 @@
<img *ngIf="(mobile && header.logoSmallUrl) || (!mobile && header.logoUrl)" <img *ngIf="(mobile && header.logoSmallUrl) || (!mobile && header.logoUrl)"
[src]="!mobile?header.logoUrl:header.logoSmallUrl" [src]="!mobile?header.logoUrl:header.logoSmallUrl"
[alt]="header.title" [alt]="header.title"
class="uk-responsive-height" style="height: 70px; "> class="uk-responsive-height" style="height: 70px;">
<ng-container *ngIf="(mobile && !header.logoSmallUrl) || (!mobile && !header.logoUrl)"> <ng-container *ngIf="(mobile && !header.logoSmallUrl) || (!mobile && !header.logoUrl)">
<span *ngIf="!mobile" style="max-width: 25vw;">{{header.title}}</span> <div class="multi-line-ellipsis lines-2" [style.max-width]="(!mobile)?'25vw':null" [title]="header.title">
<span *ngIf="mobile">{{(header.title)}}</span> <p>{{header.title}}</p>
</div>
</ng-container> </ng-container>
</a> </a>
<a *ngIf="header.url" [href]="header.url" <a *ngIf="header.url" [href]="header.url"
@ -279,10 +280,11 @@
<img *ngIf="(mobile && header.logoSmallUrl) || (!mobile && header.logoUrl)" <img *ngIf="(mobile && header.logoSmallUrl) || (!mobile && header.logoUrl)"
[src]="!mobile?header.logoUrl:header.logoSmallUrl" [src]="!mobile?header.logoUrl:header.logoSmallUrl"
[alt]="header.title" [alt]="header.title"
class="uk-responsive-height" style="height: 70px; "> class="uk-responsive-height" style="height: 70px;">
<ng-container *ngIf="(mobile && !header.logoSmallUrl) || (!mobile && !header.logoUrl)"> <ng-container *ngIf="(mobile && !header.logoSmallUrl) || (!mobile && !header.logoUrl)">
<span *ngIf="!mobile" style="max-width: 25vw;">{{header.title}}</span> <div class="multi-line-ellipsis lines-2" [style.max-width]="(!mobile)?'25vw':null" [title]="header.title">
<span *ngIf="mobile">{{(header.title)}}</span> <p>{{header.title}}</p>
</div>
</ng-container> </ng-container>
</a> </a>
</ng-template> </ng-template>