removed table-panel-link class and add a class white to modify table-panel-cell-link class

public/app/plugins/panel/table/renderer.ts

@@ -214,15 +214,10 @@ export class TableRenderer {
     var style = '';
     var style = '';
     var cellClasses = [];
     var cellClasses = [];
     var cellClass = '';
     var cellClass = '';
-    var linkClass = '';
-
-    if (this.colorState.row) {
-      linkClass = 'table-panel-link';
-    }
 
 
     if (this.colorState.cell) {
     if (this.colorState.cell) {
       style = ' style="background-color:' + this.colorState.cell + ';color: white"';
       style = ' style="background-color:' + this.colorState.cell + ';color: white"';
-      linkClass = 'table-panel-link';
+      cellClasses.push('white');
       this.colorState.cell = null;
       this.colorState.cell = null;
     } else if (this.colorState.value) {
     } else if (this.colorState.value) {
       style = ' style="color:' + this.colorState.value + '"';
       style = ' style="color:' + this.colorState.value + '"';
@@ -257,13 +252,12 @@ export class TableRenderer {
       var cellTarget = column.style.linkTargetBlank ? '_blank' : '';
       var cellTarget = column.style.linkTargetBlank ? '_blank' : '';
 
 
       cellClasses.push('table-panel-cell-link');
       cellClasses.push('table-panel-cell-link');
+
+      if (this.colorState.row) {
+        cellClasses.push('white');
+      }
       columnHtml += `
       columnHtml += `
-        <a href="${cellLink}"
-           target="${cellTarget}"
-           data-link-tooltip
-           data-original-title="${cellLinkTooltip}"
-           data-placement="right"
-           class="${linkClass}">
+        <a href="${cellLink}" target="${cellTarget}" data-link-tooltip data-original-title="${cellLinkTooltip}" data-placement="right">
           ${value}
           ${value}
         </a>
         </a>
       `;
       `;

public/app/plugins/panel/table/specs/renderer.jest.ts

@@ -268,7 +268,7 @@ describe('when rendering table', () => {
       var expectedHtml = `
       var expectedHtml = `
         <td class="table-panel-cell-link">
         <td class="table-panel-cell-link">
           <a href="/dashboard?param=host1&param_1=1230&param_2=40"
           <a href="/dashboard?param=host1&param_1=1230&param_2=40"
-            target="_blank" data-link-tooltip data-original-title="host1 1230 my.host.com" data-placement="right" class="">
+            target="_blank" data-link-tooltip data-original-title="host1 1230 my.host.com" data-placement="right">
             host1
             host1
           </a>
           </a>
         </td>
         </td>

public/sass/components/_panel_table.scss

@@ -87,6 +87,12 @@
         height: 100%;
         height: 100%;
         display: inline-block;
         display: inline-block;
       }
       }
+
+      &.white {
+        a {
+          color: white;
+        }
+      }
     }
     }
 
 
     &.cell-highlighted:hover {
     &.cell-highlighted:hover {