Merge branch 'master' into hunicus/add-healthfaq-link

frontend/src/app/components/blocks-list/blocks-list.component.html

@@ -15,7 +15,7 @@
         <th class="timestamp" i18n="latest-blocks.timestamp" *ngIf="!widget" [class]="indexingAvailable ? '' : 'legacy'">Timestamp</th>
         <th class="mined" i18n="latest-blocks.mined" *ngIf="!widget" [class]="indexingAvailable ? '' : 'legacy'">Mined</th>
         <th *ngIf="auditAvailable" class="health text-right" i18n="latest-blocks.health" [ngClass]="{'widget': widget, 'legacy': !indexingAvailable}"
-          i18n-ngbTooltip="latest-blocks.health" ngbTooltip="Health" placement="bottom" #health [disableTooltip]="!isEllipsisActive(health)">Health</th>
+          i18n-ngbTooltip="latest-blocks.health" ngbTooltip="Health" placement="bottom" #health [disableTooltip]="!isEllipsisActive(health)"><a class="info-link" [routerLink]="['/docs/faq' | relativeUrl ]" fragment="what-is-block-health">Health</a></th>
         <th *ngIf="indexingAvailable" class="reward text-right" i18n="latest-blocks.reward" [ngClass]="{'widget': widget, 'legacy': !indexingAvailable}"
           i18n-ngbTooltip="latest-blocks.reward" ngbTooltip="Reward" placement="bottom" #reward [disableTooltip]="!isEllipsisActive(reward)">Reward</th>
         <th *ngIf="indexingAvailable && !widget" class="fees text-right" i18n="latest-blocks.fees" [class]="indexingAvailable ? '' : 'legacy'">Fees</th>

frontend/src/app/components/blocks-list/blocks-list.component.scss

@@ -29,6 +29,17 @@ tr, td, th {
   color: white;
 }
 
+.info-link {
+  color: #fff;
+  border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
+}
+
+.info-link:hover {
+  color: #fff;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
+  text-decoration: none;
+}
+
 .disabled {
   pointer-events: none;
   opacity: 0.5;
@@ -215,7 +226,7 @@ tr, td, th {
 
 /* Tooltip text */
 .tooltip-custom {
-  position: relative; 
+  position: relative;
 }
 
 .tooltip-custom .tooltiptext {
@@ -242,4 +253,4 @@ tr, td, th {
 	vertical-align: middle;
 	max-width: 50vw;
   text-align: left;
-}
+}