-
-
-
-
+
-
+
-
+
-
+
-
+
-
+
diff --git a/projects/demo/src/modules/markup/colors/index.less b/projects/demo/src/modules/markup/colors/index.less
deleted file mode 100644
index 37a2e7018886..000000000000
--- a/projects/demo/src/modules/markup/colors/index.less
+++ /dev/null
@@ -1,11 +0,0 @@
-.mobile-colors-switch {
- display: none;
-
- &:host-context([data-tui-theme='tbank']) & {
- display: flex;
- }
-
- label[tuiBlock] {
- align-items: center;
- }
-}
diff --git a/projects/demo/src/modules/markup/colors/index.ts b/projects/demo/src/modules/markup/colors/index.ts
index e6d4d4ab1a1c..8a754db2002f 100644
--- a/projects/demo/src/modules/markup/colors/index.ts
+++ b/projects/demo/src/modules/markup/colors/index.ts
@@ -1,19 +1,15 @@
import {Component, inject} from '@angular/core';
-import {FormsModule} from '@angular/forms';
import {changeDetection} from '@demo/emulate/change-detection';
import {TuiDemo} from '@demo/utils';
-import {TuiPlatform} from '@taiga-ui/cdk';
-import {TUI_DARK_MODE, TuiGroup} from '@taiga-ui/core';
-import {TuiBlock} from '@taiga-ui/kit';
+import {TUI_DARK_MODE} from '@taiga-ui/core';
import {BACKGROUNDS, CHARTS, OTHERS, STATUSES, TEXT} from './constants';
import {TableColors} from './examples/table';
@Component({
standalone: true,
- imports: [FormsModule, TableColors, TuiBlock, TuiDemo, TuiGroup, TuiPlatform],
+ imports: [TableColors, TuiDemo],
templateUrl: './index.html',
- styleUrls: ['./index.less'],
changeDetection,
})
export default class Page {
@@ -28,6 +24,4 @@ export default class Page {
protected readonly statuses = STATUSES;
protected readonly others = OTHERS;
protected readonly charts = CHARTS;
-
- protected platform: 'android' | 'web' = 'web';
}
diff --git a/projects/demo/used-icons.ts b/projects/demo/used-icons.ts
index 313133513c61..c53ea95328d4 100644
--- a/projects/demo/used-icons.ts
+++ b/projects/demo/used-icons.ts
@@ -98,6 +98,4 @@ export const TUI_USED_ICONS = [
'@tui.chevron-up',
'@tui.play',
'@tui.pause',
- '@tui.monitor',
- '@tui.smartphone',
] as const;
diff --git a/projects/kit/directives/button-group/button-group.style.less b/projects/kit/directives/button-group/button-group.style.less
index 2e8c4723d931..adc55fce1ef2 100644
--- a/projects/kit/directives/button-group/button-group.style.less
+++ b/projects/kit/directives/button-group/button-group.style.less
@@ -26,6 +26,15 @@
color: var(--tui-text-action);
text-align: center;
text-decoration: none;
+ clip-path: inset(0);
+
+ &:first-child {
+ clip-path: inset(0 0 0 -10rem);
+ }
+
+ &:last-child {
+ clip-path: inset(0 -10rem 0 0);
+ }
&:active {
background: var(--tui-background-neutral-1);
diff --git a/projects/layout/components/card/card.styles.less b/projects/layout/components/card/card.styles.less
index 1c4d8d4be166..b55c5176a060 100644
--- a/projects/layout/components/card/card.styles.less
+++ b/projects/layout/components/card/card.styles.less
@@ -10,6 +10,7 @@
flex-shrink: 0;
text-decoration: none;
overscroll-behavior: contain;
+ overflow: hidden;
&[tuiTitle],
[tuiTitle]:not([tuiCell] *):not([tuiLabel] *) {
diff --git a/projects/layout/components/cell/cell.styles.less b/projects/layout/components/cell/cell.styles.less
index b4e40fbfcf72..db16bfcae992 100644
--- a/projects/layout/components/cell/cell.styles.less
+++ b/projects/layout/components/cell/cell.styles.less
@@ -166,7 +166,8 @@
}
&:hover [tuiCellActions] button,
- &:hover [tuiCellActions] a {
+ &:hover [tuiCellActions] a,
+ &:hover [tuiCellActions] label {
opacity: 1;
}
@@ -178,7 +179,8 @@
@media (hover: hover) and (pointer: fine) {
a[tuiCell]:not([tuiSurface]):hover,
- button[tuiCell]:not([tuiSurface]):hover {
+ button[tuiCell]:not([tuiSurface]):hover,
+ label[tuiCell]:not([tuiSurface]):hover {
background: var(--tui-background-neutral-1);
cursor: pointer;
}
diff --git a/projects/layout/components/navigation/header.style.less b/projects/layout/components/navigation/header.style.less
index a1c9f975e80c..e3b4177d5f3d 100644
--- a/projects/layout/components/navigation/header.style.less
+++ b/projects/layout/components/navigation/header.style.less
@@ -1,6 +1,6 @@
@import '@taiga-ui/core/styles/taiga-ui-local';
-header[tuiNavigationHeader] {
+header[tuiNavigationHeader][tuiNavigationHeader] {
--tui-text-action: var(--tui-text-primary);
--tui-text-action-hover: var(--tui-text-primary);
diff --git a/projects/legacy/styles/mixins/textfield.less b/projects/legacy/styles/mixins/textfield.less
index 74a39e4eabd2..1d387afdb872 100644
--- a/projects/legacy/styles/mixins/textfield.less
+++ b/projects/legacy/styles/mixins/textfield.less
@@ -298,7 +298,7 @@
&_left {
:host[data-size='s'] & {
- margin-inline-start: -0.375rem;
+ margin: 0 0.125rem 0 -0.375rem;
}
:host[data-size='m'] & {
diff --git a/projects/legacy/styles/mixins/textfield.scss b/projects/legacy/styles/mixins/textfield.scss
index 5ebb904eba69..54c78f6f29e8 100644
--- a/projects/legacy/styles/mixins/textfield.scss
+++ b/projects/legacy/styles/mixins/textfield.scss
@@ -288,7 +288,7 @@ $line-height-l: 1.25rem;
&_left {
:host[data-size='s'] & {
- margin-inline-start: -0.375rem;
+ margin: 0 0.125rem 0 -0.375rem;
}
:host[data-size='m'] & {
|