From e8fd51f593a0d9c9b1c86a9c8518a963e5a3bc37 Mon Sep 17 00:00:00 2001 From: afc163 Date: Fri, 19 Jun 2015 16:21:59 +0800 Subject: [PATCH] fix tabs style --- components/tabs/demo/slide.md | 3 +++ style/components/tabs.less | 10 ++++++++-- 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/components/tabs/demo/slide.md b/components/tabs/demo/slide.md index 06f39e252a..892572a9b2 100644 --- a/components/tabs/demo/slide.md +++ b/components/tabs/demo/slide.md @@ -20,6 +20,9 @@ React.render( 选项卡四 选项卡五 选项卡六 + 选项卡七 + 选项卡八 + 选项卡九 , document.getElementById('components-tabs-demo-slide')); ```` diff --git a/style/components/tabs.less b/style/components/tabs.less index a040248d10..23110d9c20 100644 --- a/style/components/tabs.less +++ b/style/components/tabs.less @@ -45,8 +45,9 @@ &-tab-prev, &-tab-next { user-select: none; -webkit-user-select: none; - z-index: 1; + z-index: 2; margin-right: -2px; + margin-top: 1px; width: 32px; height: 100%; line-height: 32px; @@ -60,7 +61,7 @@ position: relative; display: inline-block; font-style: normal; - font-weight: normal; + font-weight: bold; font-variant: normal; line-height: inherit; vertical-align: baseline; @@ -73,6 +74,10 @@ font-family: "anticon" !important; } } + + &:hover { + color: fadeout(#2db7f5, 20%); + } } &-tab-next { @@ -85,6 +90,7 @@ &-tab-prev { left: 0; + background: #fff; transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); &-icon:before {