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

taiga-family · Dec 4, 2024 · 77085af · 77085af
1 parent e77b631
commit 77085af
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 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
@@ -14,9 +14,10 @@
             <button
                 *ngFor="let item of jedi"
                 tuiOption
+                [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/kit/components/multi-select-option/multi-select-option.style.less b/projects/kit/components/multi-select-option/multi-select-option.style.less
@@ -12,10 +12,8 @@
 :host {
     display: flex;
     flex: 1;
+    flex-direction: inherit;
+    gap: 0.75rem;
     align-items: center;
     animation: retrigger 1s;
 }
-
-.t-checkbox {
-    margin-right: 0.75rem;
-}
diff --git a/projects/kit/components/multi-select-option/multi-select-option.template.html b/projects/kit/components/multi-select-option/multi-select-option.template.html
@@ -1,5 +1,4 @@
 <tui-primitive-checkbox
-    class="t-checkbox"
     [size]="size"
     [value]="selected$ | async"
 ></tui-primitive-checkbox>