You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@skywalking.apache.org by wu...@apache.org on 2020/06/14 13:22:16 UTC
[skywalking-rocketbot-ui] branch master updated: Fix: profile
display bug in large size displayer (#316)
This is an automated email from the ASF dual-hosted git repository.
wusheng 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 44e2e1a Fix: profile display bug in large size displayer (#316)
44e2e1a is described below
commit 44e2e1a6e998ce11cfdcf740b65492330cb519f0
Author: Allen Wang <Al...@outlook.com>
AuthorDate: Sun Jun 14 21:22:09 2020 +0800
Fix: profile display bug in large size displayer (#316)
---
src/views/components/profile/profile-container.vue | 4 ++--
src/views/components/profile/profile-item.vue | 3 ++-
src/views/components/profile/profile.scss | 7 +++----
3 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/views/components/profile/profile-container.vue b/src/views/components/profile/profile-container.vue
index 8bc81c8..7eb14d6 100644
--- a/src/views/components/profile/profile-container.vue
+++ b/src/views/components/profile/profile-container.vue
@@ -85,7 +85,6 @@ limitations under the License. -->
.profile {
font-size: 12px;
height: 100%;
- min-width: 1200px;
.profile-set-btn {
font-size: 12px;
border: 1px solid #ccc;
@@ -103,7 +102,7 @@ limitations under the License. -->
}
}
.profile-header {
- display: flex;
+ white-space: nowrap;
user-select: none;
border-left: 0;
border-right: 0;
@@ -111,6 +110,7 @@ limitations under the License. -->
}
.profile-header div {
+ display: inline-block;
padding: 0 4px;
border: 1px solid transparent;
border-right: 1px dotted silver;
diff --git a/src/views/components/profile/profile-item.vue b/src/views/components/profile/profile-item.vue
index f0b7c90..17eaf35 100644
--- a/src/views/components/profile/profile-item.vue
+++ b/src/views/components/profile/profile-item.vue
@@ -75,8 +75,8 @@ limitations under the License. -->
}
.profile-item {
- display: flex;
position: relative;
+ white-space: nowrap;
}
.profile-item.selected {
background: rgba(0, 0, 0, 0.04);
@@ -87,6 +87,7 @@ limitations under the License. -->
}
.profile-item > div {
+ display: inline-block;
padding: 0 5px;
border: 1px solid transparent;
border-right: 1px dotted silver;
diff --git a/src/views/components/profile/profile.scss b/src/views/components/profile/profile.scss
index 408a424..94135e6 100644
--- a/src/views/components/profile/profile.scss
+++ b/src/views/components/profile/profile.scss
@@ -16,13 +16,12 @@
* limitations under the License.
*/
.dump-count {
- width: 8%;
- min-width: 100px;
+ width: 100px;
}
.exec-ms {
- width: 20%;
+ width: 200px;
position: relative;
}
.self {
- width: 10%;
+ width: 100px;
}