From 1da6506bf58270bacc2a4345002c6b082835580e Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 21 十月 2021 23:17:08 +0800 Subject: [PATCH] 2021-10-21 --- src/tabviews/custom/components/card/data-card/index.scss | 47 +++++++++++++++++++++-------------------------- 1 files changed, 21 insertions(+), 26 deletions(-) diff --git a/src/tabviews/custom/components/card/data-card/index.scss b/src/tabviews/custom/components/card/data-card/index.scss index e8be8a4..580c5b8 100644 --- a/src/tabviews/custom/components/card/data-card/index.scss +++ b/src/tabviews/custom/components/card/data-card/index.scss @@ -4,13 +4,16 @@ background-repeat: no-repeat; background-size: cover; min-height: 20px; + overflow-y: auto; >.button-list.toolbar-button { padding: 0; - line-height: 55px; + line-height: 45px; button { margin-right: 0px; margin-bottom: 0px; + min-height: 28px; + height: auto; } } @@ -20,7 +23,7 @@ } .data-zoom.radio, .data-zoom.checkbox { .card-row-list { - >.ant-col:not(.active):not(.selected):hover { + >.ant-col:not(.active):not(.selected):not(.extend-card):hover { >.card-item-box { border-color: #69c0ff!important; box-shadow: 0 0 4px #69c0ff!important; @@ -30,7 +33,7 @@ } .data-zoom.true { .card-row-list { - >.ant-col:hover { + >.ant-col:not(.extend-card):hover { >.card-item-box { z-index: 1; transform: scale(1.05); @@ -125,30 +128,22 @@ padding: 10px; text-align: right; } - .trigger-button { - .card-item-box { - .card-cell-list { - position: unset; - .mk-cell-btn { - position: unset; - .ant-btn { - position: unset; - } - .ant-btn::after { - content: ' '; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - cursor: pointer; - } - } - } - } - } } - +.custom-data-card-box::-webkit-scrollbar { + width: 7px; + height: 7px; +} +.custom-data-card-box::-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); +} +.custom-data-card-box::-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); +} .custom-card-box::after { content: ' '; display: block; -- Gitblit v1.8.0