fix(module:tabs): tab-link cannot be disabled (#5759)

close #5549, close #5543
NG-ZORRO · Sep 10, 2020 · 1afabd4 · 1afabd4
1 parent aa2ea54
commit 1afabd4
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/components/button/button.spec.ts b/components/button/button.spec.ts
@@ -241,7 +241,9 @@ export class TestButtonIconOnlyComponent {}
 export class TestButtonIconOnlyLoadingComponent {}
 
 @Component({
-  template: ` <a nz-button href="https://ng.ant.design/" [disabled]="disabled">anchor</a> `
+  template: `
+    <a nz-button href="https://ng.ant.design/" [disabled]="disabled">anchor</a>
+  `
 })
 export class TestAnchorButtonComponent {
   disabled = false;

diff --git a/components/tabs/style/patch.less b/components/tabs/style/patch.less
@@ -60,8 +60,20 @@ nz-tabs-nav {
             color: @disabled-color;
             background: transparent;
             cursor: not-allowed;
+
+            a {
+              pointer-events: none;
+              color: @disabled-color;
+            }
           }
         }
       }
     }
 }
+
+.@{tab-prefix-cls} {
+  &-tab-disabled a {
+    pointer-events: none;
+    color: @disabled-color;
+  }
+}