From 54f5c65eed218de02020ed16f16cc343293684e0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=9C=D0=B0=D0=BA=D1=81=D0=B8=D0=BC=20=D0=98=D0=B2=D0=B0?= =?UTF-8?q?=D0=BD=D0=BE=D0=B2?= Date: Mon, 9 Dec 2024 18:48:09 +0300 Subject: [PATCH] feat(legacy): limit `tui-tag` width to `80%` to avoid wrapping in selects (#9886) --- .../src/modules/components/multi-select/examples/1/index.ts | 2 +- .../src/modules/pipes/filter-by-input/examples/3/index.ts | 2 +- projects/legacy/components/input-tag/input-tag.style.less | 4 ++++ 3 files changed, 6 insertions(+), 2 deletions(-) diff --git a/projects/demo/src/modules/components/multi-select/examples/1/index.ts b/projects/demo/src/modules/components/multi-select/examples/1/index.ts index 765b7ce03464..788e4f048e48 100644 --- a/projects/demo/src/modules/components/multi-select/examples/1/index.ts +++ b/projects/demo/src/modules/components/multi-select/examples/1/index.ts @@ -9,7 +9,7 @@ import {TuiDataListWrapper} from '@taiga-ui/kit'; import {TuiMultiSelectModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; const ITEMS: readonly string[] = [ - 'Luke Skywalker', + 'Luke Skywalker and a long time ago in a galaxy far, far away..', 'Leia Organa Solo', 'Darth Vader', 'Han Solo', diff --git a/projects/demo/src/modules/pipes/filter-by-input/examples/3/index.ts b/projects/demo/src/modules/pipes/filter-by-input/examples/3/index.ts index da7870f42fbf..4a98dc18983f 100644 --- a/projects/demo/src/modules/pipes/filter-by-input/examples/3/index.ts +++ b/projects/demo/src/modules/pipes/filter-by-input/examples/3/index.ts @@ -20,7 +20,7 @@ import {TuiMultiSelectModule, TuiTextfieldControllerModule} from '@taiga-ui/lega }) export default class Example { protected readonly items = [ - 'Luke Skywalker', + 'Luke Skywalker and a long time ago in a galaxy far, far away..', 'Leia Organa Solo', 'Darth Vader', 'Han Solo', diff --git a/projects/legacy/components/input-tag/input-tag.style.less b/projects/legacy/components/input-tag/input-tag.style.less index 1344aa97bad1..28c0632a13cf 100644 --- a/projects/legacy/components/input-tag/input-tag.style.less +++ b/projects/legacy/components/input-tag/input-tag.style.less @@ -82,6 +82,10 @@ :host[data-size='l']:not(._label-outside) & { padding: 0; } + + tui-tag:last-of-type { + max-inline-size: 80%; + } } .t-content {