chore: rollback example changes

taiga-family · Sep 16, 2024 · 43490fc · 43490fc
1 parent 3214481
commit 43490fc
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 29 deletions.
diff --git a/projects/demo/src/modules/components/data-list/examples/5/index.html b/projects/demo/src/modules/components/data-list/examples/5/index.html
@@ -3,9 +3,9 @@
     iconStart="@tui.ellipsis-vertical"
     size="m"
     tuiButton
-    tuiDropdownAlign="right"
-    tuiTextfieldSize="m"
+    tuiDropdownLimitWidth="fixed"
     type="button"
+    class="example"
     [tuiDropdown]="content"
     [(tuiDropdownOpen)]="dropdownOpen"
 >
@@ -66,18 +66,18 @@
     </tui-data-list>
 
     <ng-template #money>
+        <tui-input
+            automation-id="tui-data-money-input"
+            [(ngModel)]="moneyValue"
+        >
+            RUB
+            <input
+                name="moneyValue"
+                tuiTextfieldLegacy
+            />
+        </tui-input>
+
         <tui-data-list tuiDataListDropdownManager>
-            <tui-input
-                automation-id="tui-data-money-input"
-                [style.margin-block-end.rem]="0.25"
-                [(ngModel)]="moneyValue"
-            >
-                RUB
-                <input
-                    name="moneyValue"
-                    tuiTextfieldLegacy
-                />
-            </tui-input>
             <button
                 iconEnd="@tui.chevron-right"
                 tuiDropdownAlign="right"
@@ -104,7 +104,6 @@
     <ng-template #input>
         <tui-input
             automation-id="tui-data-list-email-field"
-            [style.margin.rem]="0.25"
             [(ngModel)]="emailValue"
         >
             Email
@@ -119,16 +118,13 @@
         <div class="example">
             <div
                 tuiGroup
-                [style.margin.rem]="0.25"
+                class="group"
             >
-                <tui-input [(ngModel)]="dollar">Dollars</tui-input>
-                <tui-input [(ngModel)]="euro">Euros</tui-input>
+                <tui-input [(ngModel)]="dollar">1 Rub = (X) Dollars</tui-input>
+                <tui-input [(ngModel)]="euro">1 Rub = (Y) Euros</tui-input>
             </div>
 
-            <ul
-                class="tui-list tui-list_large"
-                [style.margin.rem]="1"
-            >
+            <ul class="exchange tui-list tui-list_large">
                 <li class="tui-list__item">
                     <span>{{ moneyValue / dollar | tuiAmount: 'USD' | async }}</span>
                 </li>
@@ -142,7 +138,7 @@
     <ng-template #range>
         <tui-input-date-range
             automation-id="tui-data-list-range-field"
-            [style.margin.rem]="0.25"
+            class="form"
             [(ngModel)]="rangeValue"
         >
             Range

diff --git a/projects/demo/src/modules/components/data-list/examples/5/index.less b/projects/demo/src/modules/components/data-list/examples/5/index.less
@@ -0,0 +1,17 @@
+.example {
+    margin-bottom: 0.5rem;
+    min-inline-size: 20.25rem;
+}
+
+.form {
+    min-inline-size: 18.75rem;
+    overflow: hidden;
+}
+
+.exchange {
+    margin: 1.5625rem;
+}
+
+.group {
+    max-inline-size: 30.25rem;
+}
diff --git a/projects/demo/src/modules/components/data-list/examples/5/index.ts b/projects/demo/src/modules/components/data-list/examples/5/index.ts
@@ -8,11 +8,7 @@ import {TuiDay, TuiDayRange} from '@taiga-ui/cdk';
 import {TuiButton, TuiCalendar, TuiDataList, TuiDropdown, TuiGroup} from '@taiga-ui/core';
 import {TuiDataListDropdownManager} from '@taiga-ui/kit';
 import {TuiAsideItemDirective} from '@taiga-ui/layout';
-import {
-    TuiInputDateRangeModule,
-    TuiInputModule,
-    TuiTextfieldControllerModule,
-} from '@taiga-ui/legacy';
+import {TuiInputDateRangeModule, TuiInputModule} from '@taiga-ui/legacy';
 
 @Component({
     standalone: true,
@@ -29,9 +25,9 @@ import {
         TuiGroup,
         TuiInputDateRangeModule,
         TuiInputModule,
-        TuiTextfieldControllerModule,
     ],
     templateUrl: './index.html',
+    styleUrls: ['./index.less'],
     encapsulation,
     changeDetection,
 })

diff --git a/projects/demo/src/modules/components/data-list/index.html b/projects/demo/src/modules/components/data-list/index.html
@@ -49,7 +49,7 @@
             id="complex"
             heading="Complex"
             [component]="5 | tuiComponent"
-            [content]="5 | tuiExample: 'html,ts'"
+            [content]="5 | tuiExample"
         >
             <tui-notification class="tui-space_bottom-3">
                 <div>