Browse Source

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

杨奕 7 năm trước cách đây
mục cha
commit
58138613eb
2 tập tin đã thay đổi với 6 bổ sung1 xóa
  1. 3 1
      packages/tabs/src/tab-nav.vue
  2. 3 0
      packages/theme-chalk/src/tabs.scss

+ 3 - 1
packages/tabs/src/tab-nav.vue

@@ -163,7 +163,9 @@
         if (visibility === 'hidden') {
           this.focusable = false;
         } else if (visibility === 'visible') {
-          this.focusable = true;
+          setTimeout(() => {
+            this.focusable = true;
+          }, 50);
         }
       },
       windowBlurHandler() {

+ 3 - 0
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)) {