From 461e4fff4b51d067671244eec63b097cd9012b6e Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 30 三月 2020 09:25:41 +0800
Subject: [PATCH] 2020-03-30
---
src/templates/comtableconfig/index.scss | 175 +++++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 161 insertions(+), 14 deletions(-)
diff --git a/src/templates/comtableconfig/index.scss b/src/templates/comtableconfig/index.scss
index e5c99e6..fa41b5f 100644
--- a/src/templates/comtableconfig/index.scss
+++ b/src/templates/comtableconfig/index.scss
@@ -50,11 +50,26 @@
}
}
}
- .config-btn-title {
- margin-top: 20px;
- margin-bottom: 10px;
- color: #1890ff;
- border-bottom: 1px solid #e8e8e8;
+ .config-btn {
+ position: relative;
+
+ .config-btn-title {
+ margin-top: 20px;
+ margin-bottom: 10px;
+ color: #1890ff;
+ border-bottom: 1px solid #e8e8e8;
+ }
+ .thawbutton {
+ position: absolute;
+ right: 10px;
+ top: 0px;
+ padding: 0px;
+ cursor: pointer;
+ i {
+ font-size: 16px;
+ color: #1890ff;
+ }
+ }
}
.tables {
.ant-select-selection-selected-value {
@@ -96,6 +111,9 @@
color: #c49f47;
margin-right: 3px;
}
+ .config-button {
+ min-width: 65px;
+ }
}
.tools:hover {
overflow-y: auto;
@@ -126,7 +144,7 @@
position: relative;
width: calc(100vw - 235px);
height: 100%;
- overflow-y: hidden;
+ // overflow-y: hidden;
background: #ffffff;
.ant-switch.big {
min-width: 60px;
@@ -156,7 +174,7 @@
}
.ant-card-body {
position: relative;
- padding: 0;
+ padding: 0 0 40px;
.search-list {
padding: 1px 24px 20px;
@@ -181,7 +199,7 @@
display: flex;
margin-bottom: 0px;
.ant-form-item-label {
- width: 100px;
+ // width: 100px;
height: 40px;
label {
width: 100%;
@@ -240,10 +258,11 @@
}
}
.action-list {
+ position: relative;
padding: 0px 20px 15px;
min-height: 82px;
> .ant-row {
- min-height: 67px;
+ min-height: 80px;
}
.page-card {
display: inline-block;
@@ -269,8 +288,13 @@
left: 20px;
color: #26C281;
}
+ .edit.profile {
+ left: 60px;
+ color: purple;
+ }
button {
cursor: move;
+ min-width: 65px;
.anticon-table {
font-size: 10px;
position: absolute;
@@ -284,9 +308,26 @@
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;
@@ -303,9 +344,15 @@
padding: 0px;
min-height: 45px;
> div {
- padding: 12px 8px;
+ 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;
@@ -351,11 +398,107 @@
}
}
}
+ .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: 16px;
- right: 10px;
+ font-size: 18px;
+ right: 7px;
top: 10px;
+ padding: 10px;
+ z-index: 1;
}
}
.anticon-question-circle {
@@ -365,8 +508,8 @@
top: 5px;
}
}
- .setting:hover {
- overflow-y: auto;
+ .setting {
+ overflow-y: scroll;
}
.setting::-webkit-scrollbar {
width: 7px;
@@ -375,6 +518,7 @@
border-radius: 5px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
background: rgba(0, 0, 0, 0.13);
+ display: none;
}
.setting::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
@@ -382,6 +526,9 @@
border: 1px solid rgba(0, 0, 0, 0.07);
background: rgba(0, 0, 0, 0);
}
+ .setting:hover::-webkit-scrollbar-thumb {
+ display: block;
+ }
.ant-spin {
position: absolute;
margin-left: calc(50vw - 22px);
--
Gitblit v1.8.0