浏览代码

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

This reverts commit 166d8fbdb6e44e318851be5ee59e65423ebc220d.
Romain Rigaux 7 年之前
父节点
当前提交
76be608ff3

文件差异内容过多而无法显示
+ 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


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

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

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