| | |
| | | .custom-line-chart-plot-box { |
| | | position: relative; |
| | | background: #ffffff; |
| | | background-position: center center; |
| | | background-repeat: no-repeat; |
| | | background-size: cover; |
| | | min-height: 100px; |
| | | |
| | | > .chart-header { |
| | | height: 45px; |
| | | // border-bottom: 1px solid #e8e8e8; |
| | | overflow: hidden; |
| | | |
| | | .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; |
| | |
| | | top: 2px; |
| | | right: 5px; |
| | | z-index: 1; |
| | | } |
| | | .chart-action.with-title { |
| | | top: 35px; |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | .loading-mask { |
| | | position: absolute; |
| | | left: 20px; |
| | | left: 0px; |
| | | top: 0; |
| | | right: 20px; |
| | | bottom: 30px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | text-align: justify; |
| | | right: 0px; |
| | | bottom: 0px; |
| | | z-index: 1; |
| | | |
| | | .ant-spin-blur { |
| | |
| | | opacity: 0.5; |
| | | background: #ffffff; |
| | | } |
| | | } |
| | | .chart-title + .loading-mask { |
| | | top: 40px; |
| | | } |
| | | > .ant-select { |
| | | width: 150px; |