Browse Source

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

杨奕 7 năm trước cách đây
mục cha
commit
58138613eb

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

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

+ 3 - 0
packages/theme-chalk/src/tabs.scss

@@ -227,6 +227,9 @@
       &:not(.is-disabled):hover {
       &:not(.is-disabled):hover {
         color: $--color-primary;
         color: $--color-primary;
       }
       }
+      &.is-disabled {
+        color: $--disabled-color-base;
+      }
     }
     }
   }
   }
   @include m((top, bottom)) {
   @include m((top, bottom)) {