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

close NG-ZORRO#5549, close NG-ZORRO#5543
hsuanxyz · Sep 10, 2020 · 9216a9f · 9216a9f
1 parent 4cc14ba
commit 9216a9f
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;
+  }
+}