refs #5900 Origin separator style fix

front/salix/components/log/index.html

@@ -16,12 +16,9 @@
     model="model"
     class="vn-w-sm vn-px-sm vn-pb-xl">
     <div class="origin-log" ng-repeat="originLog in $ctrl.logTree">
-        <div class="origin-info" ng-if="::$ctrl.logTree.length > 1">
+        <h6 class="origin-info vn-my-md" ng-if="::$ctrl.logTree.length > 1">
-            <div class="line"></div>
+            {{::$ctrl.modelI18n}} #{{::originLog.originFk}}
-            <div class="origin-id">
+        </h6>
-                {{::$ctrl.modelI18n}} #{{::originLog.originFk}}
-            </div>
-        </div>
         <div class="user-log vn-mb-sm" ng-repeat="userLog in ::originLog.logs">
             <div class="timeline">
                 <vn-avatar

front/salix/components/log/style.scss

@@ -2,27 +2,14 @@
 
 vn-log {
     .origin-log {
+        &:first-child > .origin-info {
+            margin-top: 0;
+        }
         & > .origin-info {
-            display: flex;
+            overflow: hidden;
-            text-align: right;
+            white-space: nowrap;
-            justify-content: space-between;
+            text-overflow: ellipsis;
-            align-items: center;
+            color: $color-font-secondary;
-            column-gap: 4px;
-            padding-left: 48px;
-            margin-bottom: 10px;
-
-            & > .line {
-                flex-grow: 1;
-                background-color: $color-font-secondary;
-                height: 2px;
-            }
-            & > .origin-id {
-                overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-                font-size: 1.1rem;
-                color: $color-font-secondary;
-            }
         }
     }
     .user-log {