fix: audit log long property name wrapping

IntelliTect · Dec 14, 2023 · 56776e0 · 56776e0
1 parent 3721bfd
commit 56776e0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/coalesce-vue-vuetify2/src/components/admin/c-admin-audit-log-page.vue b/src/coalesce-vue-vuetify2/src/components/admin/c-admin-audit-log-page.vue
@@ -224,7 +224,7 @@
                     <tbody>
                       <tr v-for="prop in auditLog.properties" :key="prop.id">
                         <td class="c-audit-logs--property-name">
-                          <c-display :model="prop" for="propertyName" />
+                          {{ prop.propertyName }}
                         </td>
                         <td
                           class="c-audit-logs--property-value c-audit-logs--property-old"
@@ -290,6 +290,7 @@ interface AuditLogBase {
     $metadata: ModelType;
     id: number | null;
     parentId: number | null;
+    propertyName: string | null;
     oldValue: string | null;
     oldValueDescription: string | null;
     newValue: string | null;
@@ -525,5 +526,8 @@ export default defineComponent({
   tr:not(:last-child) td {
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
   }
+  tr:hover td {
+    background: rgba(0, 0, 0, 0.1);
+  }
 }
 </style>
diff --git a/src/coalesce-vue-vuetify3/src/components/admin/c-admin-audit-log-page.vue b/src/coalesce-vue-vuetify3/src/components/admin/c-admin-audit-log-page.vue
@@ -210,7 +210,7 @@
                     <tbody>
                       <tr v-for="prop in auditLog.properties" :key="prop.id!">
                         <td class="c-audit-logs--property-name">
-                          <c-display :model="prop" for="propertyName" />
+                          {{ prop.propertyName }}
                         </td>
                         <td
                           class="c-audit-logs--property-value c-audit-logs--property-old"
@@ -278,6 +278,7 @@ interface AuditLogBase {
     $metadata: ModelType;
     id: number | null;
     parentId: number | null;
+    propertyName: string | null;
     oldValue: string | null;
     oldValueDescription: string | null;
     newValue: string | null;
@@ -474,7 +475,6 @@ defineExpose({
 
   .c-audit-logs--property-name {
     width: 170px;
-    white-space: nowrap;
   }
   .c-audit-logs--property-value {
     white-space: pre-wrap;
@@ -493,5 +493,8 @@ defineExpose({
   tr:not(:last-child) td {
     border-bottom: 1px solid rgba(var(--v-theme-on-surface), 0.05);
   }
+  tr:hover td {
+    background: rgba(0, 0, 0, 0.1);
+  }
 }
 </style>