feat(legacy): limit tui-tag width to 80% to avoid wrapping in sel…

…ects
taiga-family · Dec 9, 2024 · 0882e86 · 0882e86
1 parent 026d13c
commit 0882e86
Show file tree

Hide file tree

Showing 9 changed files with 14 additions and 10 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
@@ -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/components/multi-select/examples/10/index.ts b/projects/demo/src/modules/components/multi-select/examples/10/index.ts
@@ -30,7 +30,7 @@ export default class Example {
     protected itemGroupControl = new FormControl<Item[]>([]);
 
     protected items = [
-        'Luke Skywalker',
+        'Luke Skywalker and a long time ago in a galaxy far, far away..',
         'Leia Organa Solo',
         'Darth Vader',
         'Han Solo',
@@ -39,7 +39,7 @@ export default class Example {
     ];
 
     protected customItems: readonly Item[] = [
-        {name: 'Luke Skywalker', id: 1},
+        {name: 'Luke Skywalker and a long time ago in a galaxy far, far away..', id: 1},
         {name: 'Leia Organa Solo', id: 2},
         {name: 'Darth Vader', id: 3},
         {name: 'Han Solo', id: 4},

diff --git a/projects/demo/src/modules/components/multi-select/examples/11/index.ts b/projects/demo/src/modules/components/multi-select/examples/11/index.ts
@@ -31,7 +31,7 @@ import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';
 })
 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/demo/src/modules/components/multi-select/examples/5/index.ts b/projects/demo/src/modules/components/multi-select/examples/5/index.ts
@@ -21,7 +21,7 @@ import {TuiMultiSelectModule, TuiTextfieldControllerModule} from '@taiga-ui/lega
 })
 export default class Example {
     protected readonly jedi: readonly string[] = [
-        'Luke Skywalker',
+        'Luke Skywalker and a long time ago in a galaxy far, far away..',
         'Princess Leia',
         'Han Solo',
         'Obi-Wan Kenobi',

diff --git a/projects/demo/src/modules/components/multi-select/examples/9/index.ts b/projects/demo/src/modules/components/multi-select/examples/9/index.ts
@@ -28,7 +28,7 @@ export default class Example {
     protected readonly testValue = new FormControl<string[]>([]);
 
     protected readonly 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/components/select/examples/1/index.ts b/projects/demo/src/modules/components/select/examples/1/index.ts
@@ -21,7 +21,7 @@ import {TuiSelectModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy';
 })
 export default class Example {
     protected 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/demo/src/modules/components/select/examples/11/index.ts b/projects/demo/src/modules/components/select/examples/11/index.ts
@@ -23,7 +23,7 @@ export default class Example {
     protected itemControl = new FormControl<Item | null>(null);
 
     protected items = [
-        'Luke Skywalker',
+        'Luke Skywalker and a long time ago in a galaxy far, far away..',
         'Leia Organa Solo',
         'Darth Vader',
         'Han Solo',
@@ -37,7 +37,7 @@ export default class Example {
     ];
 
     protected customItems: readonly Item[] = [
-        {name: 'Luke Skywalker', id: 1},
+        {name: 'Luke Skywalker and a long time ago in a galaxy far, far away..', id: 1},
         {name: 'Leia Organa Solo', id: 2},
         {name: 'Darth Vader', id: 3},
         {name: 'Han Solo', id: 4},

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
@@ -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
@@ -82,6 +82,10 @@
     :host[data-size='l']:not(._label-outside) & {
         padding: 0;
     }
+
+    tui-tag:last-of-type {
+        max-inline-size: 80%;
+    }
 }
 
 .t-content {