NG-ZORRO/ng-zorro-antd

Issue with nz-tab not having default pointer to cursor

amassoudi-wiremind opened this issue · 1 comments

Reproduction link

https://stackblitz.com/edit/angular-xzinrf-bdhkxp?file=src%2Fapp%2Fapp.component.ts

Steps to reproduce

Just create an angular page with a template containing with a list of <nz-tab...> items

Example

import { Component } from '@angular/core';

@Component({
  selector: 'nz-demo-tabs-basic',
  template: `
    <nz-tabset>
      <nz-tab nzTitle="Tab 1">Content of Tab Pane 1</nz-tab>
      <nz-tab nzTitle="Tab 2">Content of Tab Pane 2</nz-tab>
      <nz-tab nzTitle="Tab 3">Content of Tab Pane 3</nz-tab>
    </nz-tabset>
  `
})
export class NzDemoTabsBasicComponent {}

You can notice that when hoovering the tabs, the cursor is not a pointer

What is expected?

The expected behavious is to have a pointer style cursor when hovering the tabs

What is actually happening?

The cursor takes pointer shape only at the broder of the tabs

Environment Info
ng-zorro-antd 17.2.0
Browser chrome

I Hope this message finds you well @amassoudi-wiremind

Thank you for reporting this issue; this PR #8386 will address it.