* Code for task #90971.

module/doc/css/common.css

@@ -104,7 +104,7 @@ ol, ul {margin-bottom: 0}
 #subHeader .list-group>a.selected {color: #e9f2fb !important;}
 #pageNav #dropMenu .table-col .list-group .icon-move {display:block; float: left; font-size: 12px; padding: 3px 4px 3px 1px;}
 
-#content .detail-content.article-content {overflow-y: auto; height: calc(100vh - 300px);}
+#content .detail-content.article-content {overflow-y: auto; height: calc(100vh - 200px);}
 #aclBox .acl-tip {color: #838a9d;}
 .ajaxCollect > img.star-empty {margin-right: 0px;}
 #outlineMenu {background: #fff; position: absolute; height: calc(100vh - 200px)!important; overflow-y: auto; top: 50px; right: 20px;}

module/doc/css/view.css

@@ -70,3 +70,4 @@
 .main-col {position: relative;}
 #autoBox {display: flex; overflow: hidden; text-overflow: ellipsis; padding-right: 15px; position: relative;}
 #autoBox > .ellipsis {position: absolute; top: 3px; right: 0; width: 10px; background: #F4F5F7; height: 100%;}
+.detail+.detail {padding-top: 0;}

module/doc/js/common.js

@@ -421,9 +421,10 @@ function updateCrumbs()
         if(widthSum >= crumbMaxWidth)
         {
             $(crumbItem).addClass('in-auto-box');
+            var $autoCrumbItems = $('#crumbs > .in-auto-box');
+            $lastChild.before('<div id="autoBox" class="flex-auto"><div class="ellipsis">...<div></div>');
+            $('#autoBox').prepend($autoCrumbItems);
+            return;
         }
     }
-    var $autoCrumbItems = $('#crumbs > .in-auto-box');
-    $lastChild.before('<div id="autoBox" class="flex-auto"><div class="ellipsis">...<div></div>');
-    $('#autoBox').prepend($autoCrumbItems);
 }

module/doc/js/view.js

@@ -226,4 +226,8 @@ $(function()
         $('#hisTrigger').removeClass('text-primary');
     })
     $('#history').find('.btn.pull-right').removeClass('pull-right');
+    if($('.files-list').length)
+    {
+        $('#content .detail-content.article-content').css('height', 'calc(100vh - 300px)');
+    }
 })