fix(layout): AppBar use proper appearance for back button

taiga-family · Sep 17, 2024 · 67d1d86 · 67d1d86
1 parent bee65c9
commit 67d1d86
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/projects/layout/components/app-bar/app-bar-back.component.ts b/projects/layout/components/app-bar/app-bar-back.component.ts
@@ -1,10 +1,19 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {
+    TuiAppearance,
+    type TuiAppearanceOptions,
+    tuiAppearanceOptionsProvider,
+} from '@taiga-ui/core';
 
 @Component({
     standalone: true,
     selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',
     templateUrl: './app-bar-back.template.html',
     styleUrls: ['./app-bar-back.style.less'],
+    hostDirectives: [TuiAppearance],
+    providers: [tuiAppearanceOptionsProvider(TuiAppBarBack)],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class TuiAppBarBack {}
+export class TuiAppBarBack implements TuiAppearanceOptions {
+    appearance = 'link';
+}
diff --git a/projects/layout/components/app-bar/app-bar-back.style.less b/projects/layout/components/app-bar/app-bar-back.style.less
@@ -6,7 +6,7 @@
     display: flex;
     align-items: center;
     padding: 0 0.625rem 0 0.125rem;
-    color: var(--tui-text-action);
+    cursor: pointer;
 
     :host-context([data-platform='android']) {
         font-size: 0;