From 3a2616b232934890c3f035418bbc0997651cf683 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=97=A0=E5=A3=B0?= Date: Tue, 5 Oct 2021 18:52:02 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E5=85=AC=E5=85=B1=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E7=94=A8=E5=BD=93=E5=89=8D=E7=BB=84=E4=BB=B6=E5=90=8D=E7=A7=B0?= =?UTF-8?q?=E5=8C=85=E8=A3=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../editable-select/src/editable-select.scss | 128 +++++++++--------- 1 file changed, 64 insertions(+), 64 deletions(-) diff --git a/devui/editable-select/src/editable-select.scss b/devui/editable-select/src/editable-select.scss index 0af1fe5e..0b51029a 100644 --- a/devui/editable-select/src/editable-select.scss +++ b/devui/editable-select/src/editable-select.scss @@ -1,63 +1,84 @@ @import '../../style/theme/color'; @import '../../style/core/animation'; -.devui-select-chevron-icon { - display: inline-flex; - vertical-align: middle; - transition: - transform $devui-animation-duration-slow - $devui-animation-ease-in-out-smooth; -} +.devui-form-group { + input::-ms-clear { + display: none; + } -.devui-select-open .devui-select-chevron-icon { - transform: rotate(180deg); -} + ul.devui-list-unstyled { + margin: 0; + overflow-y: auto; + padding: 0; + } -.devui-select-chevron-icon svg path { - fill: $devui-text-weak; // TODO: Color-Question -} + .devui-dropdown-bg { + background: $devui-list-item-hover-bg; + } + + .devui-popup-tips { + color: $devui-text-weak; + padding: 4px 12px; + } -input::-ms-clear { - display: none; + .devui-form-control { + outline: none; + padding-right: 24px; + } } -.devui-no-data-tip { - user-select: none; - cursor: not-allowed; +.devui-select-open { + .devui-select-chevron-icon { + transform: rotate(180deg); + + svg path { + fill: $devui-text-weak; // TODO: Color-Question + } + } } -.devui-form-control { - outline: none; - padding-right: 24px; +.devui-form-control-feedback { + .devui-select-chevron-icon { + display: inline-flex; + vertical-align: middle; + transition: transform $devui-animation-duration-slow $devui-animation-ease-in-out-smooth; + } } -.devui-form-group.devui-has-feedback > .devui-form-control-feedback { +.devui-has-feedback > .devui-form-control-feedback { line-height: 26px; } + // 下拉部分 -.devui-dropdown-menu { - width: 100%; - display: block; -} +.devui-dropdown-wrap { + .devui-dropdown-menu { + width: 100%; + display: block; -.devui-dropdown-item { - cursor: pointer; - display: block; - width: 100%; - padding: 8px 12px; - clear: both; - border: 0; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - line-height: 14px; -} + .devui-dropdown-item { + cursor: pointer; + display: block; + width: 100%; + padding: 8px 12px; + clear: both; + border: 0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + line-height: 14px; + } -.devui-dropdown-menu { - .devui-dropdown-item:not(.disabled) { - &.selected { - color: $devui-list-item-active-text; - background-color: $devui-list-item-active-bg; + .devui-dropdown-item:not(.disabled) { + &.selected { + color: $devui-list-item-active-text; + background-color: $devui-list-item-active-bg; + } + } + // 选项disabled + .devui-dropdown-item.disabled, + .devui-dropdown-item.disabled:hover { + cursor: not-allowed; + color: $devui-disabled-text; } } } @@ -83,24 +104,3 @@ input::-ms-clear { background-color: $devui-unavailable; } } -// 选项disabled -.devui-dropdown-item.disabled, -.devui-dropdown-item.disabled:hover { - cursor: not-allowed; - color: $devui-disabled-text; -} - -ul.devui-list-unstyled { - margin: 0; - overflow-y: auto; - padding: 0; -} - -.devui-dropdown-bg { - background: $devui-list-item-hover-bg; -} - -.devui-popup-tips { - color: $devui-text-weak; - padding: 4px 12px; -} -- Gitee