[common] Fix style template of the version history panel item

ONLYOFFICE · Mar 11, 2024 · 2f4754f · 2f4754f
1 parent e856ac8
commit 2f4754f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/apps/common/main/lib/view/History.js b/apps/common/main/lib/view/History.js
@@ -84,8 +84,8 @@ define([
                     '<div ', 
                         'id="<%= id %>"',
                         'class="tree-item ' + '<% if (!isVisible) { %>' + 'hidden' + '<% } %>' + '" ',
-                        'style="<% if (hasParent) { %>' + (Common.UI.isRTL() ? 'padding-right: 40px;' : 'padding-left: 40px;') + '<% } %>' + '<% if (canRestore && selected) { %>' + 'padding-bottom: 6px;' + '<% } %>',
-                    '">',
+                        'style="<% if (hasParent) { %>' + (Common.UI.isRTL() ? 'padding-right: 40px;' : 'padding-left: 40px;') + '<% } %>"',
+                    '>',
 
                         '<% if (!hasParent) { %>',
                             '<div class="caret-wrap">',

diff --git a/apps/common/main/resources/less/history.less b/apps/common/main/resources/less/history.less
@@ -57,11 +57,15 @@
         padding: 10px 15px 15px 0px;
 
         .rtl & {
-            padding: 10px 0px 15px 15px;
+            padding: 12px 0px 12px 15px;
         }
 
         .caret-wrap {
-            width: 23px;
+            width: 24px;
+
+            .tree-caret {
+                margin-top: 4px;
+            }
         }
 
         .content-wrap {
@@ -70,11 +74,13 @@
 
             .item-internal {
                 display: flex;
+                align-items: center;
 
                 .color {
                     display: inline-block;
                     width: 26px;
                     height: 26px;
+                    margin-top: 2px;
                     border-radius: 20px;
                     border-width: @scaled-two-px-value;
                     .margin-right-8();
@@ -98,6 +104,7 @@
                         align-items: center;
 
                         .user-date {
+                            line-height: 18px;
                             display: inline-block;
                             .font-size-medium();
                             .font-weight-bold();