Как сделать панель инструментов nav mat-tab-nav-bar липкой

Я использую компонент MatTabNav Navigation и хочу, чтобы моя панель инструментов с вкладками была липкой. Как я могу это сделать?

Определение вкладок:HTML

   <nav mat-tab-nav-bar >
        <a mat-tab-link
        *ngFor="let routeLink of routeLinks; let i = index;"
        [routerLink]="routeLink.link"
        routerLinkActive="mat-tab-link-active"
        #rla="routerLinkActive"
        [active]="rla.isActive"
        (click)="activeLinkIndex = i"
        [routerLinkActiveOptions]="{exact: true}"

        >
        {{routeLink.label}}
        </a>
      </nav>
      <router-outlet></router-outlet>

CSS

.mat-tab-link-active,
.mat-tab-label-active {
    background-color: lightgrey;
    color: black;
    /* border: 1px solid #6B7F7F; */
    font-weight: bold;
}

.mat-tab-link,
.mat-tab-label {
   something need to be done here?!
}

0 ответов

Другие вопросы по тегам