refs #4866 fix css

front/salix/components/instance-log/index.html

@@ -16,8 +16,8 @@
                 <vn-thead>
                     <vn-tr>
                         <vn-th field="creationDate">Date</vn-th>
-                        <vn-th field="userFk" shrink>User</vn-th>
+                        <vn-th field="userFk">User</vn-th>
-                        <vn-th field="action" shrink>Action</vn-th>
+                        <vn-th field="action">Action</vn-th>
                         <vn-th expand>Changes</vn-th>
                     </vn-tr>
                 </vn-thead>
@@ -47,8 +47,8 @@
                                 <tbody>
                                     <tr ng-repeat="prop in ::log.props">
                                         <td class="field">{{prop.name}}</td>
-                                        <td class="before">{{::$ctrl.formatValue(prop.old)}}</td>
+                                        <td class="before" vn-tooltip="{{::$ctrl.formatValue(prop.old)}}">{{::$ctrl.formatValue(prop.old)}}</td>
-                                        <td class="after">{{::$ctrl.formatValue(prop.new)}}</td>
+                                        <td class="after" vn-tooltip="{{::$ctrl.formatValue(prop.new)}}">{{::$ctrl.formatValue(prop.new)}}</td>
                                     </tr>
                                 </tbody>
                             </table>

front/salix/components/instance-log/style.scss

@@ -1,37 +1,13 @@
-@import "variables";
+.vn-dialog .window {
-
+    width: max-content;
-vn-instance-log {
     vn-td {
-        vertical-align: initial !important;
+        vertical-align: initial;
-    }
-    .changes {
-        display: none;
-    }
-    .label {
-        color: $color-font-secondary;
-    }
-    .value {
-        color: $color-font;
-    }
-
-    @media screen and (max-width: 1570px) {
-        vn-table .expendable {
-            display: none;
-        }
-        .changes {
-            padding-top: 10px;
-            display: block;
-        }
     }
     .attributes {
         width: 100%;
-        white-space: inherit !important;
-
         tr {
             height: 10px;
-
             & > td {
-                padding: 2px;
                 width: 33%;
             }
             & > td.field,