From bb2d1c02ee24dc534af65796af4b1adb8b7b7a7a Mon Sep 17 00:00:00 2001 From: afc163 Date: Wed, 28 Aug 2019 17:37:50 +0800 Subject: [PATCH] :white_check_mark: fix style lint --- components/steps/style/index.less | 4 ++-- components/steps/style/nav.less | 30 ++++++++++++------------ site/theme/static/icon-pic-searcher.less | 4 ++-- 3 files changed, 19 insertions(+), 19 deletions(-) diff --git a/components/steps/style/index.less b/components/steps/style/index.less index c5e6b72a28..e5619f1d61 100644 --- a/components/steps/style/index.less +++ b/components/steps/style/index.less @@ -119,10 +119,10 @@ } &-subtitle { display: inline; - color: @text-color-secondary; - font-size: @font-size-base; margin-left: 8px; + color: @text-color-secondary; font-weight: normal; + font-size: @font-size-base; } &-description { color: @text-color-secondary; diff --git a/components/steps/style/nav.less b/components/steps/style/nav.less index 86f7cdb0ac..77cf177822 100644 --- a/components/steps/style/nav.less +++ b/components/steps/style/nav.less @@ -10,15 +10,15 @@ } .@{steps-prefix-cls}-item { - text-align: center; overflow: visible; + text-align: center; &-container { display: inline-block; - text-align: left; height: 100%; - padding-bottom: 12px; margin-left: -16px; + padding-bottom: 12px; + text-align: left; transition: opacity 0.3s; .@{steps-prefix-cls}-item-content { @@ -26,10 +26,10 @@ } .@{steps-prefix-cls}-item-title { - padding-right: 0; max-width: 100%; - white-space: nowrap; + padding-right: 0; overflow: hidden; + white-space: nowrap; text-overflow: ellipsis; &::after { @@ -55,32 +55,32 @@ } &::after { - content: ''; + position: absolute; + top: 50%; + left: 100%; display: inline-block; width: 12px; height: 12px; + margin-top: -14px; + margin-left: -2px; border: 1px solid @steps-nav-arrow-color; border-bottom: none; border-left: none; transform: rotate(45deg); - position: absolute; - top: 50%; - left: 100%; - margin-top: -14px; - margin-left: -2px; + content: ''; } &::before { - content: ''; - display: inline-block; position: absolute; - left: 50%; bottom: 0; - height: 3px; + left: 50%; + display: inline-block; width: 0; + height: 3px; background-color: @steps-nav-active-color; transition: width 0.3s, left 0.3s; transition-timing-function: ease-out; + content: ''; } } diff --git a/site/theme/static/icon-pic-searcher.less b/site/theme/static/icon-pic-searcher.less index e41f4666ed..7b118108fe 100644 --- a/site/theme/static/icon-pic-searcher.less +++ b/site/theme/static/icon-pic-searcher.less @@ -1,6 +1,6 @@ .icon-pic-searcher { - margin: 1px 8px; display: inline-block; + margin: 1px 8px; .icon-pic-btn { color: rgba(0, 0, 0, 0.45); @@ -16,8 +16,8 @@ .icon-pic-preview { width: 66px; height: 66px; - padding: 8px; margin-top: 10px; + padding: 8px; text-align: center; border: 1px solid @border-color-base; border-radius: 4px;