bugfix: 8731

src/css/cdssHorizontal.less

@@ -109,9 +109,38 @@
   display: inline-block;
   box-sizing: border-box;
   overflow-y: auto;
+  /* chrome & safari 浏览器 */
+  /*滚动条整体部分,必须要设置*/
+  &::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+    background-color: #fff;
+  }
+  /*滚动条的轨道*/
+  &::-webkit-scrollbar-track {
+    background-color: #fff;
+  }
+  /*滚动条的轨道*/
+  &::-webkit-scrollbar-track {
+    background-color: none;
+  }
+  /*滚动条的滑块按钮*/
+  &::-webkit-scrollbar-thumb {
+    width: 8px;
+    height: 63px;
+    background: #4f9ff3;
+    border-radius: 14px;
+    // box-shadow: inset 0 0 5px #f00;
+  }
+  /*滚动条的上下两端的按钮*/
+  // .right_content::-webkit-scrollbar-button,
+  // ul::-webkit-scrollbar-button {
+  //   height: 0;
+  //   background-color: #fff;
+  // }
 }
 .leftWrapper {
-  width: 60%;
+  width: 58.5%;
   // border-right: 1px solid #E6E6E6;
   float: left;
   padding: 10px 10px 0 10px;
@@ -119,8 +148,10 @@
 }
 .rightWrapper {
   width: 40%;
-  padding: 0 20px;
+  padding: 0px 10px;
   display: none;
+  margin: 0 10px;
+  border-left: 1px solid #e6e6e6;
 }
 .leftBox,
 .rightBox {
@@ -426,6 +457,35 @@
   padding: 10px 20px;
   box-sizing: border-box;
   overflow-y: auto;
+  /* chrome & safari 浏览器 */
+  /*滚动条整体部分,必须要设置*/
+  &::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+    background-color: #fff;
+  }
+  /*滚动条的轨道*/
+  &::-webkit-scrollbar-track {
+    background-color: #fff;
+  }
+  /*滚动条的轨道*/
+  &::-webkit-scrollbar-track {
+    background-color: none;
+  }
+  /*滚动条的滑块按钮*/
+  &::-webkit-scrollbar-thumb {
+    width: 8px;
+    height: 63px;
+    background: #4f9ff3;
+    border-radius: 14px;
+    // box-shadow: inset 0 0 5px #f00;
+  }
+  /*滚动条的上下两端的按钮*/
+  // .right_content::-webkit-scrollbar-button,
+  // ul::-webkit-scrollbar-button {
+  //   height: 0;
+  //   background-color: #fff;
+  // }
 }
 .operaNameBox {
   background-color: #eff1f6;
@@ -714,4 +774,33 @@
   padding-bottom: 10px;
   box-sizing: border-box;
   overflow: auto;
+  /* chrome & safari 浏览器 */
+  /*滚动条整体部分,必须要设置*/
+  &::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+    background-color: #fff;
+  }
+  /*滚动条的轨道*/
+  &::-webkit-scrollbar-track {
+    background-color: #fff;
+  }
+  /*滚动条的轨道*/
+  &::-webkit-scrollbar-track {
+    background-color: none;
+  }
+  /*滚动条的滑块按钮*/
+  &::-webkit-scrollbar-thumb {
+    width: 8px;
+    height: 63px;
+    background: #4f9ff3;
+    border-radius: 14px;
+    // box-shadow: inset 0 0 5px #f00;
+  }
+  /*滚动条的上下两端的按钮*/
+  // .right_content::-webkit-scrollbar-button,
+  // ul::-webkit-scrollbar-button {
+  //   height: 0;
+  //   background-color: #fff;
+  // }
 }

src/js/cdssHorizontal.js

@@ -301,7 +301,7 @@ function renderPushData() {
         $(".rightBoxTitle").append(str)
         renderDisName()
         $(".rightWrapper").css("display", "inline-block")
-        $(".leftWrapper").css("borderRight", "1px solid #E6E6E6")
+        // $(".leftWrapper").css("borderRight", "1px solid #E6E6E6")
       } else {
         $(".leftWrapper").css({
           borderRight: "0px",