[gui] Break word in checker name/message columns
The checker name can be long and using a button doesn't break the content.
To avoid this we can use a span element instead of button and break the content
inside it.
</template>
<template #item.checkerId="{ item }">
- <v-btn
- text
- small
- color="primary"
- class="text-none"
+ <span
+ class="checker-name primary--text"
@click="openCheckerDocDialog(item.checkerId)"
>
{{ item.checkerId }}
- </v-btn>
+ </span>
+ </template>
+
+ <template #item.checkerMsg="{ item }">
+ <span class="checker-message">
+ {{ item.checkerMsg }}
+ </span>
</template>
<template #item.severity="{ item }">
@@ -474,7 +477,15 @@ export default {
}
}
-.v-data-table .file-name {
+.v-data-table {
+ .file-name,
+ .checker-name,
+ .checker-message {
word-break: break-word;
}
+
+ .checker-name {
+ cursor: pointer;
+ }
+}
</style>
