From bd1dfc9e6c9b9f8076ca2783ce598e0936b4c664 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 22 十二月 2021 14:36:03 +0800
Subject: [PATCH] 2021-12-22
---
src/templates/comtableconfig/index.scss | 404 +++------------------------------------------------------
1 files changed, 24 insertions(+), 380 deletions(-)
diff --git a/src/templates/comtableconfig/index.scss b/src/templates/comtableconfig/index.scss
index fa41b5f..05862cb 100644
--- a/src/templates/comtableconfig/index.scss
+++ b/src/templates/comtableconfig/index.scss
@@ -15,6 +15,9 @@
height: 100%;
overflow-y: hidden;
padding-bottom: 30px;
+ .ant-collapse-borderless {
+ background-color: #ffffff;
+ }
.ant-collapse-item {
position: relative;
border: 0;
@@ -25,7 +28,7 @@
.ant-collapse-item.ant-collapse-item-active {
border-bottom: 1px solid #d9d9d9;
}
- .ant-collapse-header {
+ .ant-collapse .ant-collapse-header {
padding: 11px 16px 10px 40px;
border-bottom: 1px solid #d9d9d9;
background: #1890ff;
@@ -65,15 +68,10 @@
top: 0px;
padding: 0px;
cursor: pointer;
- i {
+ .anticon {
font-size: 16px;
color: #1890ff;
}
- }
- }
- .tables {
- .ant-select-selection-selected-value {
- opacity: 0.4!important;
}
}
.ant-list {
@@ -107,44 +105,31 @@
}
}
}
- .anticon-question-circle {
- color: #c49f47;
- margin-right: 3px;
- }
.config-button {
min-width: 65px;
}
}
- .tools:hover {
+ .tools {
overflow-y: auto;
}
.tools::-webkit-scrollbar {
- width: 7px;
+ width: 4px;
}
.tools::-webkit-scrollbar-thumb {
border-radius: 5px;
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
- background: rgba(0, 0, 0, 0);
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
+ background: rgba(0, 0, 0, 0.08);
}
.tools::-webkit-scrollbar-track {
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
- border-radius: 3px;
- border: 1px solid rgba(0, 0, 0, 0);
- background: rgba(0, 0, 0, 0);
- }
- .tools:hover::-webkit-scrollbar-thumb {
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
- background: rgba(0, 0, 0, 0.13);
- }
- .tools:hover::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
+ border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.07);
+ background: rgba(0, 0, 0, 0);
}
.setting {
position: relative;
width: calc(100vw - 235px);
height: 100%;
- // overflow-y: hidden;
background: #ffffff;
.ant-switch.big {
min-width: 60px;
@@ -176,336 +161,22 @@
position: relative;
padding: 0 0 40px;
- .search-list {
- padding: 1px 24px 20px;
- min-height: 87px;
- border-bottom: 1px solid #d9d9d9;
- > .ant-row {
- min-height: 65px;
- }
- .ant-row .ant-col-6 {
- padding: 0 12px!important;
- }
- .ant-row.ant-form-item .ant-col {
- padding: 0;
- }
- .page-card {
+ .chart-view {
+ margin-bottom: 70px;
+
+ .chart-title {
+ min-height: 40px;
position: relative;
- background: #ffffff;
- border-radius: 2px;
- padding-top: 15px;
- .ant-form-item {
- cursor: move;
- display: flex;
- margin-bottom: 0px;
- .ant-form-item-label {
- // width: 100px;
- height: 40px;
- label {
- width: 100%;
- cursor: move;
- overflow: hidden;
- display: inline-block;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- }
- .ant-form-item-control-wrapper {
- flex: 1 1;
- .ant-select {
- width: 100%;
- margin-top: 4px;
- }
- .ant-calendar-picker {
- margin-top: 4px;
- }
- .input-mask {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- opacity: 0;
- z-index: 2;
- }
- .data-range .ant-calendar-picker-input {
- padding: 4px 20px 4px 5px;
- font-size: 13px;
- }
- }
- }
- .edit {
- position: absolute;
- left: 0;
- top: 5px;
- color: #1890ff;
- cursor: pointer;
- display: none;
- }
- .edit.close {
- left: 20px;
- color: #ff4d4f;
- }
- }
- .page-card:hover {
- .edit {
- display: inline-block;
- }
- }
- .ant-calendar-picker {
- min-width: 100px!important;
- width: 100%;
+ color: rgba(0, 0, 0, 0.65);
+ font-weight: 400;
+ font-size: 16px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ margin: 0 20px;
+ padding: 10px 5px 5px;
}
}
- .action-list {
- position: relative;
- padding: 0px 20px 15px;
- min-height: 82px;
- > .ant-row {
- min-height: 80px;
- }
- .page-card {
- display: inline-block;
- margin: 0px 0px 0px 0px;
- padding: 15px 10px 0 0;
- position: relative;
- div {
- cursor: move;
- }
- .edit {
- position: absolute;
- left: 0;
- top: 0px;
- color: #1890ff;
- cursor: pointer;
- display: none;
- }
- .edit.close {
- left: 40px;
- color: #ff4d4f;
- }
- .edit.copy {
- left: 20px;
- color: #26C281;
- }
- .edit.profile {
- left: 60px;
- color: purple;
- }
- button {
- cursor: move;
- min-width: 65px;
- .anticon-table {
- font-size: 10px;
- position: absolute;
- right: 1px;
- bottom: 0px;
- }
- }
- }
- .page-card:hover {
- .edit {
- display: inline-block;
- }
- }
- .copybutton {
- position: absolute;
- right: 10px;
- top: 5px;
- z-index: 2;
- padding: 5px;
- cursor: pointer;
- i {
- font-size: 16px;
- }
- }
- }
- .column-list {
- position: relative;
- padding: 0px 20px;
- .ant-switch {
- position: absolute;
- right: 20px;
- top: -10px;
- }
- > .ant-row {
- background: #fafafa;
- border-radius: 4px;
- min-height: 47px;
- border: 1px solid #e8e8e8;
- .column-box {
- display: flex;
- }
- .column-box:not(:first-child) {
- border-top: 1px solid #e8e8e8;
- }
- .page-card {
- position: relative;
- padding: 0px;
- min-height: 45px;
- > div {
- padding: 12px 0px 0px;
- cursor: move;
- height: 100%;
- .ant-table-column-sorters {
- padding: 0px 8px 12px;
- }
- .ant-table-column-fields {
- padding: 0px 8px 5px;
- }
- }
- .ant-table-column-sorter {
- position: relative;
- display: inline-block;
- width: 24px;
- font-size: 12px;
- color: #bfbfbf;
- .anticon-caret-up {
- position: relative;
- left: 10px;
- top: -3px;
- }
- .anticon-caret-down {
- position: relative;
- left: -2px;
- top: 3px;
- }
- }
- .edit {
- position: absolute;
- left: 0;
- top: 0px;
- color: #1890ff;
- cursor: pointer;
- display: none;
- }
- .edit.close {
- left: 20px;
- color: #ff4d4f;
- }
- .ant-checkbox-inner {
- margin-top: 14px;
- margin-left: calc(50% - 8px);
- }
- }
- .page-card:hover {
- .edit {
- display: inline-block;
- }
- }
- .page-card:not(:last-child) {
- border-right: 1px solid #e8e8e8;
- }
- }
- }
- .tab-list {
- position: relative;
- padding: 30px 20px 0px;
- .ant-switch {
- position: absolute;
- right: 20px;
- top: 20px;
- }
- > .ant-row {
- min-height: 47px;
- .page-card {
- position: relative;
- padding: 0px;
- > div {
- padding: 12px 0px 0px;
- cursor: move;
- }
- }
- .ant-tabs-tab {
- .edit {
- position: absolute;
- left: 0;
- top: 0px;
- color: #1890ff;
- cursor: pointer;
- display: none;
- }
- .edit.close {
- left: 20px;
- color: #ff4d4f;
- }
- }
- .ant-tabs-bar {
- min-height: 55px;
- }
- .ant-tabs-tab:hover {
- .edit {
- display: inline-block;
- }
- }
- .ant-tabs-content {
- .ant-tabs-tabpane img {
- width: 100%;
- }
- }
- }
- > .anticon-question-circle {
- position: absolute;
- left: 5px;
- top: 20px;
- }
- > .anticon-plus {
- position: absolute;
- font-size: 18px;
- right: 25px;
- top: 50px;
- z-index: 1;
- color: #26C281;
- cursor: pointer;
- }
- > .anticon-delete {
- position: absolute;
- font-size: 19px;
- right: 25px;
- top: 50px;
- z-index: 1;
- color: #ff4d4f;
- cursor: pointer;
- }
- > .anticon-arrow-up {
- position: absolute;
- right: 55px;
- font-size: 19px;
- z-index: 1;
- top: 50px;
- color: #1890ff;
- cursor: pointer;
- }
- > .anticon-arrow-down {
- position: absolute;
- right: 55px;
- font-size: 19px;
- z-index: 1;
- top: 50px;
- color: purple;
- cursor: pointer;
- }
- > .anticon-arrow-down + .anticon-arrow-up {
- right: 85px;
- }
- .ant-tabs-nav-container-scrolling {
- margin-right: 50px;
- }
- }
- > .anticon-setting {
- position: absolute;
- font-size: 18px;
- right: 7px;
- top: 10px;
- padding: 10px;
- z-index: 1;
- }
- }
- .anticon-question-circle {
- color: #c49f47;
- position: relative;
- left: -15px;
- top: 5px;
}
}
.setting {
@@ -536,30 +207,3 @@
}
}
-.common-table-fields-modal {
- .ant-modal {
- top: 50px;
- padding-bottom: 5px;
- .ant-modal-body {
- max-height: calc(100vh - 190px);
- overflow-y: auto;
- .ant-empty {
- margin: 15vh 8px;
- }
- }
- .ant-modal-body::-webkit-scrollbar {
- width: 7px;
- }
- .ant-modal-body::-webkit-scrollbar-thumb {
- border-radius: 5px;
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
- background: rgba(0, 0, 0, 0.13);
- }
- .ant-modal-body::-webkit-scrollbar-track {
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
- border-radius: 3px;
- border: 1px solid rgba(0, 0, 0, 0.07);
- background: rgba(0, 0, 0, 0);
- }
- }
-}
--
Gitblit v1.8.0