Commits

Nicolai Olsen authored 28538102206
Added hover styling for data-fields - reduced tooltip delay
No tags

src/app/activities/data-field/data-field.component.html

Modified
1 1 <div *ngIf="isArray(value) && value.length > 1 && !!route" class="data-container hasRoute"
2 2 matRipple [routerLink]="route" [queryParams]="params"
3 - appTooltip="{{value.join('&#13;')}}" delay="1000" tooltipClasses="primary">
3 + appTooltip="{{value.join('&#13;')}}" delay="500" tooltipClasses="primary">
4 4 <div class="data-header">
5 5 <div class="header">{{header}}</div>
6 6 <div class="values-indicator">{{value.length}}</div>
7 7 </div>
8 8 <div class="data-content">{{value[0] + (value.length > 1 ? ' +' : '')}} </div>
9 9 </div>
10 10
11 11 <div *ngIf="isArray(value) && value.length > 1 && !route" class="data-container"
12 - appTooltip="{{value.join('&#13;')}}" delay="1000" tooltipClasses="primary">
12 + appTooltip="{{value.join('&#13;')}}" delay="500" tooltipClasses="primary">
13 13 <div class="data-header">
14 14 <div class="header">{{header}}</div>
15 15 <div class="values-indicator">{{value.length}}</div>
16 16 </div>
17 17 <div class="data-content">{{value[0] + (value.length > 1 ? ' +' : '')}} </div>
18 18 </div>
19 19
20 20 <div *ngIf="!isArray(value) && !!route" class="data-container hasRoute" matRipple [routerLink]="route" [queryParams]="params">
21 21 <div class="data-header">
22 22 <div>{{header}}</div>

Everything looks good. We'll let you know here if there's anything you should know about.

Add shortcut