浏览代码

HUE-7680 [frontend] The custom Hue horizontal scrollbar should look and behave like the other scrollbars

Enrico Berti 7 年之前
父节点
当前提交
166d8fbdb6

文件差异内容过多而无法显示
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue-embedded.css


文件差异内容过多而无法显示
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


文件差异内容过多而无法显示
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 7 - 12
desktop/core/src/desktop/static/desktop/less/components/hue-scrollbar.less

@@ -23,22 +23,17 @@
 .hue-scrollbar-x-rail {
 .hue-scrollbar-x-rail {
   position: fixed;
   position: fixed;
   z-index: 1039;
   z-index: 1039;
-  padding: 2px;
-  background-color: @cui-gray-050;
-  border: 1px solid @cui-purple-gray-050;
+  padding: 0;
+  background-color: transparent;
   &>.hue-scrollbar-x {
   &>.hue-scrollbar-x {
     position: absolute;
     position: absolute;
-    background-color: @cui-gray-400;
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
+    background-color: @cui-gray-300;
     border-radius: 5px;
     border-radius: 5px;
-    .hue-linear-transition(background-color);
-    height: 8px;
+    border: 1px solid @cui-white;
+    height: 7px;
     z-index: 1039;
     z-index: 1039;
-  }
-  &:hover {
-    &>.hue-scrollbar-x {
-      background-color: @cui-gray-700;
+    &:hover {
+      background-color: @cui-gray-500;
     }
     }
   }
   }
 }
 }

部分文件因为文件数量过多而无法显示