fix(layout): changed name of t-gap variable for CardLarge

taiga-family · Sep 19, 2024 · e229b2e · e229b2e
1 parent cff240f
commit e229b2e
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 6 deletions.
diff --git a/projects/addon-mobile/styles/common/card-large.less b/projects/addon-mobile/styles/common/card-large.less
@@ -1,12 +1,12 @@
 [tuiCardLarge][data-space] {
     &[data-space='normal'] {
         --t-padding: 1.25rem;
-        --t-gap: 1.25rem;
+        --t-space: 1.25rem;
     }
 
     &[data-space='compact'] {
         --t-padding: 1rem;
-        --t-gap: 1rem;
+        --t-space: 1rem;
         --t-comp: -0.125rem;
     }
 }
diff --git a/projects/demo/src/modules/components/card-large/examples/1/index.html b/projects/demo/src/modules/components/card-large/examples/1/index.html
@@ -30,6 +30,16 @@ <h2 tuiTitle>Header</h2>
     >
         <header tuiHeader>
             <h2 tuiTitle>Header</h2>
+
+            <aside tuiAccessories>
+                <tui-badge
+                    appearance="neutral"
+                    iconStart="@tui.heart"
+                    size="xl"
+                >
+                    Like
+                </tui-badge>
+            </aside>
         </header>
 
         <section>Replace me</section>

diff --git a/projects/demo/src/modules/components/card-large/examples/1/index.ts b/projects/demo/src/modules/components/card-large/examples/1/index.ts
@@ -3,6 +3,7 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiPlatform} from '@taiga-ui/cdk';
 import {TuiButton, TuiLink, TuiSurface, TuiTitle} from '@taiga-ui/core';
+import {TuiBadge} from '@taiga-ui/kit';
 import {TuiCardLarge, TuiHeader} from '@taiga-ui/layout';
 
 @Component({
@@ -15,6 +16,7 @@ import {TuiCardLarge, TuiHeader} from '@taiga-ui/layout';
         TuiPlatform,
         TuiSurface,
         TuiTitle,
+        TuiBadge,
     ],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],

diff --git a/projects/layout/components/card/card.styles.less b/projects/layout/components/card/card.styles.less
@@ -49,7 +49,7 @@
 }
 
 [tuiCardLarge][data-space] {
-    --t-gap: 0.75rem;
+    --t-space: 0.75rem;
     --t-radius: var(--tui-radius-l);
     --t-comp: -0.25rem;
     --t-padding: 0.75rem;
@@ -63,18 +63,18 @@
     &[data-space='normal'] {
         --t-radius: 1.5rem;
         --t-padding: 1.5rem;
-        --t-gap: 1.5rem;
+        --t-space: 1.5rem;
     }
 
     &[data-space='compact'] {
         --t-radius: 1rem;
         --t-padding: 1.25rem;
-        --t-gap: 1.25rem;
+        --t-space: 1.25rem;
     }
 
     &:not([tuiCell], [tuiHeader]) {
         flex-direction: column;
-        gap: var(--t-gap);
+        gap: var(--t-space);
         align-items: stretch;
 
         > :last-child:not([tuiCell]) {