Use a class for styling rather than <a> (#10617)

this changes from using `<a>` to `<div class='link'>` for the cells with on double click behaviour in the table viz
This commit is contained in:
marthasharkey 2024-07-23 14:08:17 +01:00 committed by GitHub
parent aae8370977
commit da1ceed253
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -484,7 +484,7 @@ function toLinkField(fieldName: string): ColDef {
tooltipValueGetter: () => {
return `Double click to view this ${newNodeSelectorValues.value.tooltipValue} in a separate component`
},
cellRenderer: (params: any) => `<a> ${params.value} </a>`,
cellRenderer: (params: any) => `<div class='link'> ${params.value} </div>`,
}
}
@ -782,12 +782,12 @@ onUnmounted(() => {
/* Tag selectors are inefficient to compute, and should be replaced with a class selector
* if possible.
* See https://vuejs.org/api/sfc-css-features.html#scoped-style-tips */
:deep(a) {
:deep(.link) {
color: blue;
text-decoration: underline;
}
:deep(a):hover {
:deep(.link):hover {
color: darkblue;
}
</style>