From cb9ade2afd2a367ad767bc605ab7086c695dd010 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 09 十二月 2022 15:53:32 +0800 Subject: [PATCH] 2022-12-09 --- src/menu/datasource/verifycard/index.scss | 155 +++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 147 insertions(+), 8 deletions(-) diff --git a/src/menu/datasource/verifycard/index.scss b/src/menu/datasource/verifycard/index.scss index bef6747..7fcbe7e 100644 --- a/src/menu/datasource/verifycard/index.scss +++ b/src/menu/datasource/verifycard/index.scss @@ -1,25 +1,60 @@ -#model-data-source-wrap { +.model-data-source-wrap { .ant-spin { position: absolute; left: calc(50% - 16px); top: 220px; z-index: 1; } - .ant-tabs-tabpane { - position: relative; - } .data-source-card-box { .ant-tabs-nav-scroll { text-align: center; + } + .mk-copy-fields { + position: absolute; + cursor: pointer; + z-index: 1; + top: 19px; + right: -210px; + color: rgb(24, 144, 255); + display: none; + opacity: 0.4; + transition: opacity 0.2s; + } + .mk-copy-datasource { + position: absolute; + cursor: pointer; + z-index: 1; + top: 19px; + right: -319px; + color: rgb(24, 144, 255); + display: none; + opacity: 0.4; + transition: opacity 0.2s; + } + .mk-paste-datasource { + position: absolute; + cursor: pointer; + z-index: 1; + top: 19px; + right: -355px; + color:purple; + display: none; + opacity: 0.4; + transition: opacity 0.2s; + } + .mk-copy-fields:hover, .mk-copy-datasource:hover, .mk-paste-datasource:hover { + opacity: 1; + } + .ant-tabs-tab-active { + .mk-copy-fields, .mk-copy-datasource, .mk-paste-datasource { + display: inline-block; + } } .count-tip { position: absolute; top: 0px; color: #1890ff; font-size: 12px; - } - .ant-tabs-content { - min-height: 40vh; } table tr td { word-wrap: break-word; @@ -28,7 +63,7 @@ .quickly-add { position: absolute; width: 100px; - right: 10px; + right: 24px; top: 5px; z-index: 2; } @@ -81,4 +116,108 @@ cursor: pointer; } } + .full-scripts { + position: absolute; + right: 24px; + top: 0px; + font-size: 16px; + color: #1890ff; + z-index: 1; + } +} +.model-custom-view-scripts-modal { + .ant-modal { + top: 30px; + .ant-modal-header { + padding: 10px 24px; + } + .ant-modal-footer { + display: none; + } + .ant-modal-close { + display: none; + } + .ant-modal-body { + padding: 0; + height: calc(100vh - 100px); + overflow: hidden; + display: flex; + + .script-table-wrap { + width: 240px; + overflow-y: auto; + overflow-x: hidden; + height: calc(100vh - 100px); + + .operation-btn { + display: inline-block; + font-size: 16px; + padding: 0 5px; + cursor: pointer; + margin-left: 5px; + } + + .script-item { + border-bottom: 1px solid #eeeeee; + padding: 15px 10px 5px; + } + .script-item.active { + background-color: #bae7ff; + } + .ant-typography { + margin-bottom: 5px; + } + } + + .script-table-wrap::-webkit-scrollbar { + width: 7px; + } + .script-table-wrap::-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); + } + .script-table-wrap::-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); + } + + .unfull-scripts { + position: absolute; + right: 20px; + z-index: 2; + top: 10px; + color: #1890ff; + width: 26px; + cursor: pointer; + padding: 5px; + } + + .script-button { + position: absolute; + top: 10px; + z-index: 1; + left: 240px; + .ant-btn { + height: 28px; + } + .mk-green { + margin-left: 0!important; + margin-right: 10px; + } + } + .code-mirror-wrap { + .CodeMirror { + height: calc(100vh - 100px); + border-radius: 0; + } + .code-mirror-area { + border-radius: 0; + width: calc(95vw - 240px); + } + } + } + } } \ No newline at end of file -- Gitblit v1.8.0