Tabs: fix text color for disabled border-card (#10640)

2018-04-10 11:14:10 +08:00 · 2018-04-10 11:14:10 +08:00 · 58138613eb
parent 064831de92
commit 58138613eb
2 changed files with 6 additions and 1 deletions
--- a/packages/tabs/src/tab-nav.vue
+++ b/packages/tabs/src/tab-nav.vue
@ -163,7 +163,9 @@
        if (visibility === 'hidden') {
          this.focusable = false;
        } else if (visibility === 'visible') {
+          setTimeout(() => {
            this.focusable = true;
+          }, 50);
        }
      },
      windowBlurHandler() {
--- a/packages/theme-chalk/src/tabs.scss
+++ b/packages/theme-chalk/src/tabs.scss
@ -227,6 +227,9 @@
      &:not(.is-disabled):hover {
        color: $--color-primary;
      }
+      &.is-disabled {
+        color: $--disabled-color-base;
+      }
    }
  }
  @include m((top, bottom)) {