From de589eb2159ef31bf4335982c9c9a9d48ff6acc3 Mon Sep 17 00:00:00 2001 From: kingwl <805037171@163.com> Date: Thu, 5 Jan 2017 15:22:46 +0800 Subject: [PATCH] Tabs: fix invalid type prop when tabs in other tabs (#2212) --- packages/theme-default/src/tabs.css | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/packages/theme-default/src/tabs.css b/packages/theme-default/src/tabs.css index 2107af107..678c44465 100644 --- a/packages/theme-default/src/tabs.css +++ b/packages/theme-default/src/tabs.css @@ -67,10 +67,10 @@ position: relative; } @m card { - .el-tabs__active-bar { + &>.el-tabs__header>.el-tabs__active-bar { display: none; } - & .el-tabs__item .el-icon-close { + &>.el-tabs__header>.el-tabs__item .el-icon-close { position: relative; font-size: 12px; width: 0; @@ -82,7 +82,7 @@ right: -2px; transform-origin: 100% 50%; } - .el-tabs__item { + &>.el-tabs__header>.el-tabs__item { border: 1px solid transparent; transition: all .3s cubic-bezier(.645,.045,.355,1); @@ -115,14 +115,14 @@ border: 1px solid #d3dce6; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 0px 6px 0px rgba(0,0,0,0.04); - .el-tabs__content { + &>.el-tabs__content { padding: 15px; } - .el-tabs__header { + &>.el-tabs__header { background-color: #eff2f7; margin: 0; } - .el-tabs__item { + &>.el-tabs__header>.el-tabs__item { transition: all .3s cubic-bezier(.645,.045,.355,1); border: 1px solid transparent; border-top: 0; @@ -140,7 +140,6 @@ border-right-color: #d3dce6; } } - } } }