From f0734d1c09b377d91953491f29c7af7e631fe729 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 21 十一月 2019 09:19:59 +0800 Subject: [PATCH] 2019-11-21-01 --- src/components/sidemenu/comtableconfig/index.scss | 57 +++++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 37 insertions(+), 20 deletions(-) diff --git a/src/components/sidemenu/comtableconfig/index.scss b/src/components/sidemenu/comtableconfig/index.scss index 1de9418..ecb583f 100644 --- a/src/components/sidemenu/comtableconfig/index.scss +++ b/src/components/sidemenu/comtableconfig/index.scss @@ -13,7 +13,7 @@ background: #ffffff; border-right: 1px solid #d9d9d9; height: 100%; - overflow-y: hidden; + overflow-y: auto; padding-bottom: 30px; .ant-collapse-item { border: 0; @@ -55,38 +55,57 @@ .ant-list { margin-top: 20px; .ant-list-item { + display: -webkit-box; + padding-right: 20px; position: relative; padding-left: 5px; overflow: hidden; text-overflow: ellipsis; - white-space: nowrap; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + // white-space: nowrap; width: 100%; .anticon { position: absolute; top: 0px; right: 0px; - padding: 3px; + padding: 3px 3px 10px 10px; cursor: pointer; + } + .bottom-mask { + position: absolute; + width: 100%; + height: 8px; + bottom: 0; + left: 0; + background: #ffffff; + border-radius: 8px; } } } } - .tools:hover { - overflow-y: auto; - } + .tools::-webkit-scrollbar { width: 7px; } .tools::-webkit-scrollbar-thumb { border-radius: 5px; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0); + background: rgba(0, 0, 0, 0); + } + .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::-webkit-scrollbar-track { + .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; @@ -108,6 +127,7 @@ } } .ant-card-body { + position: relative; padding: 0; .search-list { @@ -124,14 +144,14 @@ padding: 0; } .page-card { - cursor: move; position: relative; background: #ffffff; border-radius: 2px; padding-top: 15px; .ant-form-item { + cursor: move; display: flex; - margin-bottom: 10px; + margin-bottom: 0px; .ant-form-item-label { width: 100px; height: 40px; @@ -163,15 +183,6 @@ } } } - // .close { - // position: absolute; - // right: 0; - // top: 0; - // cursor: pointer; - // :hover { - // color: #ffffff; - // } - // } .edit { position: absolute; left: 0; @@ -289,6 +300,12 @@ } } } + > .anticon-setting { + position: absolute; + font-size: 16px; + right: 10px; + top: 10px; + } } } .setting:hover { -- Gitblit v1.8.0