feat(legacy): MultiSelect allow checkbox on the right side (#9910)

taiga-family · Dec 5, 2024 · 8aa063b · 8aa063b
1 parent 9fc9ce9
commit 8aa063b
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 7 deletions.
diff --git a/projects/demo/src/modules/components/multi-select/examples/5/index.html b/projects/demo/src/modules/components/multi-select/examples/5/index.html
@@ -13,9 +13,10 @@
                 *ngFor="let item of jedi"
                 tuiOption
                 type="button"
+                [style.flex-direction]="'row-reverse'"
                 [value]="item"
             >
-                {{ item }}
+                <span [style.flex]="1">{{ item }}</span>
             </button>
         </tui-opt-group>
         <tui-opt-group label="Sith">

diff --git a/projects/demo/src/modules/components/multi-select/examples/6/index.html b/projects/demo/src/modules/components/multi-select/examples/6/index.html
@@ -6,6 +6,6 @@
 >
     <tui-data-list-wrapper
         *tuiDataList
-        [items]="items"
+        [items]="items | tuiHideSelected"
     />
 </tui-multi-select>
diff --git a/projects/legacy/components/multi-select-option/multi-select-option.style.less b/projects/legacy/components/multi-select-option/multi-select-option.style.less
@@ -12,11 +12,9 @@
 :host {
     display: flex;
     flex: 1;
+    flex-direction: inherit;
+    gap: 0.75rem;
     align-items: center;
     animation: retrigger 1s;
     overflow: hidden;
 }
-
-.t-checkbox {
-    margin-right: 0.75rem;
-}
diff --git a/projects/legacy/components/multi-select-option/multi-select-option.template.html b/projects/legacy/components/multi-select-option/multi-select-option.template.html
@@ -1,7 +1,6 @@
 <input
     tuiCheckbox
     type="checkbox"
-    class="t-checkbox"
     [checked]="selected$ | async"
     [size]="size"
 />