From cd796a6db9e3180ffd196081d8cd487caa054d5d Mon Sep 17 00:00:00 2001 From: zuiidea Date: Fri, 24 Nov 2017 11:27:00 +0800 Subject: [PATCH] fix Search style --- src/components/Search/Search.less | 109 +++++++++++++++--------------- 1 file changed, 54 insertions(+), 55 deletions(-) diff --git a/src/components/Search/Search.less b/src/components/Search/Search.less index 4c232f7..60d1f47 100644 --- a/src/components/Search/Search.less +++ b/src/components/Search/Search.less @@ -1,55 +1,54 @@ -.no-highlight() { - border-color: #e5e5e5; - box-shadow: none; -} - -.search { - display: flex; - width: 100%; - position: relative; - - :global { - .anticon-cross { - position: absolute; - width: 18px; - height: 18px; - right: 84px; - cursor: pointer; - color: #fff; - line-height: 18px; - border-radius: 50%!important; - background-color: rgba(0, 0, 0, .16); - top: 7px; - // opacity: - } - - .ant-select { - width: 80px; - flex-shrink: 0; - flex-grow: 0; - - &.ant-select-focused .ant-select-selection, - &.ant-select-open .ant-select-selection, - .ant-select-selection:active, - .ant-select-selection:focus, - .ant-select-selection:hover { - .no-highlight(); - } - } - - .ant-input { - &:focus, - &:hover { - .no-highlight(); - } - flex-shrink: 1; - flex-grow: 1; - } - - .ant-btn { - width: 80px; - flex-shrink: 0; - flex-grow: 0; - } - } -} +.no-highlight() { + border-color: #e5e5e5; + box-shadow: none; +} + +.search { + display: flex !important; + width: 100%; + position: relative; + + :global { + .anticon-cross { + position: absolute; + width: 18px; + height: 18px; + right: 84px; + cursor: pointer; + color: #fff; + line-height: 18px; + border-radius: 50%!important; + background-color: rgba(0, 0, 0, .16); + top: 7px; + } + + .ant-select { + width: 80px; + flex-shrink: 0; + flex-grow: 0; + + &.ant-select-focused .ant-select-selection, + &.ant-select-open .ant-select-selection, + .ant-select-selection:active, + .ant-select-selection:focus, + .ant-select-selection:hover { + .no-highlight(); + } + } + + .ant-input { + &:focus, + &:hover { + .no-highlight(); + } + flex-shrink: 1; + flex-grow: 1; + } + + .ant-btn { + width: 80px; + flex-shrink: 0; + flex-grow: 0; + } + } +}