You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@skywalking.apache.org by qi...@apache.org on 2021/02/04 06:43:35 UTC
[skywalking-rocketbot-ui] branch master updated: fix: update
scroller (#426)
This is an automated email from the ASF dual-hosted git repository.
qiuxiafan pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/skywalking-rocketbot-ui.git
The following commit(s) were added to refs/heads/master by this push:
new 506aeb6 fix: update scroller (#426)
506aeb6 is described below
commit 506aeb657e07cc4d8e05d514601ed623021701b9
Author: Qiuxia Fan <fi...@outlook.com>
AuthorDate: Thu Feb 4 14:43:25 2021 +0800
fix: update scroller (#426)
* fix: update scroller
* feat: set style for scroller
* fix: update color
---
src/assets/styles/reset.scss | 15 +++++++++++++--
src/components/rk-select.vue | 2 +-
src/views/components/alarm/alarm-select.vue | 2 +-
src/views/components/common/trace-select.vue | 2 +-
.../components/dashboard/tool-bar-endpoint-select.vue | 2 +-
src/views/components/dashboard/tool-bar-select.vue | 2 +-
src/views/components/profile/task-list.vue | 4 ++--
src/views/components/topology/topo-select.vue | 2 +-
src/views/containers/topology/trace/trace-select.vue | 2 +-
9 files changed, 22 insertions(+), 11 deletions(-)
diff --git a/src/assets/styles/reset.scss b/src/assets/styles/reset.scss
index 96ef249..44b7d50 100644
--- a/src/assets/styles/reset.scss
+++ b/src/assets/styles/reset.scss
@@ -106,7 +106,7 @@ code,
pre {
font-family: Consolas, Menlo, Courier, monospace;
}
-/*webkit内核*/
+/*webkit core*/
.scroll_hide::-webkit-scrollbar {
width: 0px;
height: 0px;
@@ -129,7 +129,7 @@ pre {
.scroll_hide::-webkit-scrollbar-resizer {
background-color: rgba(0, 0, 0, 0);
}
-/*o内核*/
+/*o core*/
.scroll_hide .-o-scrollbar {
-moz-appearance: none !important;
background: rgba(0, 255, 0, 0) !important;
@@ -164,3 +164,14 @@ pre {
-ms-overflow-style: none;
overflow: auto;
}
+.scroll_bar_style::-webkit-scrollbar {
+ width: 10px;
+ height: 6px;
+}
+.scroll_bar_style::-webkit-scrollbar-track {
+ background-color: #3d444f;
+}
+.scroll_bar_style::-webkit-scrollbar-thumb {
+ border-radius: 5px;
+ background: #777;
+}
diff --git a/src/components/rk-select.vue b/src/components/rk-select.vue
index 823a05b..4b69653 100644
--- a/src/components/rk-select.vue
+++ b/src/components/rk-select.vue
@@ -46,7 +46,7 @@ limitations under the License. -->
<use xlink:href="#clear"></use>
</svg>
</div>
- <div class="rk-opt-wrapper scroll_hide">
+ <div class="rk-opt-wrapper scroll_bar_style">
<div
class="rk-opt ell"
@click="handleSelect(i)"
diff --git a/src/views/components/alarm/alarm-select.vue b/src/views/components/alarm/alarm-select.vue
index b6b2bf0..7d5fb8c 100644
--- a/src/views/components/alarm/alarm-select.vue
+++ b/src/views/components/alarm/alarm-select.vue
@@ -41,7 +41,7 @@ limitations under the License. -->
<use xlink:href="#clear"></use>
</svg>
</div>
- <div class="rk-alarm-opt-wrapper scroll_content">
+ <div class="rk-alarm-opt-wrapper scroll_bar_style">
<div
class="rk-alarm-opt ell"
@click="handleSelect(i)"
diff --git a/src/views/components/common/trace-select.vue b/src/views/components/common/trace-select.vue
index 4f487bd..1a0b6eb 100644
--- a/src/views/components/common/trace-select.vue
+++ b/src/views/components/common/trace-select.vue
@@ -41,7 +41,7 @@ limitations under the License. -->
<use xlink:href="#clear"></use>
</svg>
</div>
- <div class="rk-trace-opt-wrapper scroll_hide">
+ <div class="rk-trace-opt-wrapper scroll_bar_style">
<div
class="rk-trace-opt ell"
@click="handleSelect(i)"
diff --git a/src/views/components/dashboard/tool-bar-endpoint-select.vue b/src/views/components/dashboard/tool-bar-endpoint-select.vue
index b33c1f0..4f3a380 100644
--- a/src/views/components/dashboard/tool-bar-endpoint-select.vue
+++ b/src/views/components/dashboard/tool-bar-endpoint-select.vue
@@ -44,7 +44,7 @@ limitations under the License. -->
<use xlink:href="#clear"></use>
</svg>
</div>
- <div class="rk-dashboard-opt-wrapper scroll_hide">
+ <div class="rk-dashboard-opt-wrapper">
<EndpointOpt
@handleSelect="handleSelect"
:class="{ active: i.key === current.key }"
diff --git a/src/views/components/dashboard/tool-bar-select.vue b/src/views/components/dashboard/tool-bar-select.vue
index 667db51..2ea02d3 100644
--- a/src/views/components/dashboard/tool-bar-select.vue
+++ b/src/views/components/dashboard/tool-bar-select.vue
@@ -44,7 +44,7 @@ limitations under the License. -->
<use xlink:href="#clear"></use>
</svg>
</div>
- <div class="rk-dashboard-opt-wrapper scroll_hide">
+ <div class="rk-dashboard-opt-wrapper scroll_bar_style">
<div
class="rk-dashboard-opt ell"
@click="i.disabled ? () => {} : handleSelect(i)"
diff --git a/src/views/components/profile/task-list.vue b/src/views/components/profile/task-list.vue
index 83cfbf8..344a4c6 100644
--- a/src/views/components/profile/task-list.vue
+++ b/src/views/components/profile/task-list.vue
@@ -19,7 +19,7 @@ limitations under the License. -->
<div class="rk-profile-t-tool flex-h">
Task List
</div>
- <div class="rk-trace-t-wrapper scroll_hide">
+ <div class="rk-trace-t-wrapper">
<div class="rk-no-data" v-show="!taskListSource.length">No Data</div>
<table class="rk-trace-t">
<tr class="rk-trace-tr cp" v-for="(i, index) in taskListSource" @click="selectTask(i)" :key="index">
@@ -96,7 +96,7 @@ limitations under the License. -->
<div class="rk-profile-t-tool flex-h">
Sampled Traces
</div>
- <div class="rk-trace-t-wrapper scroll_hide">
+ <div class="rk-trace-t-wrapper">
<div class="rk-no-data" v-show="!segmentList.length">No Data</div>
<table class="rk-trace-t">
<tr class="rk-trace-tr cp" v-for="(i, index) in segmentList" @click="selectTrace(i)" :key="index">
diff --git a/src/views/components/topology/topo-select.vue b/src/views/components/topology/topo-select.vue
index 60a602a..deb044f 100644
--- a/src/views/components/topology/topo-select.vue
+++ b/src/views/components/topology/topo-select.vue
@@ -41,7 +41,7 @@ limitations under the License. -->
<use xlink:href="#clear"></use>
</svg>
</div>
- <div class="rk-topo-opt-wrapper scroll_hide">
+ <div class="rk-topo-opt-wrapper scroll_bar_style">
<div
class="rk-topo-opt ell"
@click="handleSelect(i)"
diff --git a/src/views/containers/topology/trace/trace-select.vue b/src/views/containers/topology/trace/trace-select.vue
index 4f487bd..1a0b6eb 100644
--- a/src/views/containers/topology/trace/trace-select.vue
+++ b/src/views/containers/topology/trace/trace-select.vue
@@ -41,7 +41,7 @@ limitations under the License. -->
<use xlink:href="#clear"></use>
</svg>
</div>
- <div class="rk-trace-opt-wrapper scroll_hide">
+ <div class="rk-trace-opt-wrapper scroll_bar_style">
<div
class="rk-trace-opt ell"
@click="handleSelect(i)"