From 72419e2f826031a158173f46d723a672064e37cd Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 31 八月 2021 22:42:51 +0800
Subject: [PATCH] 2021-08-31
---
src/tabviews/custom/components/chart/antv-bar-line/index.scss | 90 ++++++++-------------------------------------
1 files changed, 16 insertions(+), 74 deletions(-)
diff --git a/src/tabviews/custom/components/chart/antv-bar-line/index.scss b/src/tabviews/custom/components/chart/antv-bar-line/index.scss
index 9f58671..093ce92 100644
--- a/src/tabviews/custom/components/chart/antv-bar-line/index.scss
+++ b/src/tabviews/custom/components/chart/antv-bar-line/index.scss
@@ -1,45 +1,31 @@
.custom-line-chart-plot-box {
+ position: relative;
background: #ffffff;
- border-style: solid;
- border-width: 0;
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ min-height: 100px;
+ display: flex;
+ flex-flow: column;
- > .chart-header {
- height: 45px;
- border-bottom: 1px solid #e8e8e8;
- overflow: hidden;
- text-decoration: inherit;
- font-weight: inherit;
- font-style: inherit;
-
- .chart-title {
- // font-size: 16px;
- float: left;
- line-height: 45px;
- margin-left: 10px;
- text-decoration: inherit;
- font-weight: inherit;
- font-style: inherit;
- }
- }
-
.canvas-wrap {
margin: 0 0px;
position: relative;
+ flex: 1;
.chart-action {
position: absolute;
- top: 2px;
+ top: 0px;
right: 5px;
z-index: 1;
- }
- .chart-action.with-title {
- top: 35px;
+ .ant-btn {
+ float: right;
+ }
}
}
.canvas {
margin: 0;
- // border: 1px solid #e8e8e8;
- padding: 15px;
+ padding: 15px 10px 10px;
letter-spacing: 0px;
}
.canvas.empty {
@@ -58,10 +44,10 @@
}
.loading-mask {
position: absolute;
- left: 20px;
+ left: 0px;
top: 0;
- right: 20px;
- bottom: 30px;
+ right: 0px;
+ bottom: 0px;
display: flex;
align-items: center;
justify-content: center;
@@ -74,50 +60,6 @@
height: 100%;
opacity: 0.5;
background: #ffffff;
- }
- }
- .chart-title + .loading-mask {
- top: 40px;
- }
- > .ant-select {
- width: 150px;
- float: right;
- position: relative;
- z-index: 1;
- .ant-select-selection {
- min-height: 24px;
- height: 28px;
- li {
- background: unset;
- border: 0;
- width: 99%;
- padding: 0;
- margin-right: 0;
- cursor: pointer;
-
- .type-label {
- overflow: hidden;
- word-break: break-word;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- }
- li + li {
- margin-top: 0;
- width: 1%;
- opacity: 0;
- }
- }
- }
- > .ant-select.ant-select-focused {
- .ant-select-selection {
- li {
- width: 50%;
- }
- li + li {
- width: 49%;
- opacity: 1;
- }
}
}
.g2-tooltip-list{
--
Gitblit v1.8.0