fix(addon-table): eyes not draggable (#6948)

taiga-family · Mar 5, 2024 · ac9ca4d · ac9ca4d
1 parent 97b2bea
commit ac9ca4d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/projects/addon-table/components/reorder/reorder.style.less b/projects/addon-table/components/reorder/reorder.style.less
@@ -8,10 +8,14 @@
 }
 
 .t-wrapper {
-    cursor: ns-resize;
     grid-auto-rows: 2rem;
 }
 
+.t-draggable {
+    cursor: ns-resize;
+    flex: 1 1 auto;
+}
+
 .t-item {
     .transition(background);
     display: flex;

diff --git a/projects/addon-table/components/reorder/reorder.template.html b/projects/addon-table/components/reorder/reorder.template.html
@@ -4,15 +4,19 @@
 >
     <tui-tile
         *ngFor="let item of unsortedItems; let index = index"
-        tuiTileHandle
         [style.order]="order.get(index)"
     >
         <div class="t-item">
-            <tui-svg
-                class="t-icon"
-                [src]="options.icons.drag"
-            ></tui-svg>
-            {{ item }}
+            <div
+                tuiTileHandle
+                class="t-draggable"
+            >
+                <tui-svg
+                    class="t-icon"
+                    [src]="options.icons.drag"
+                ></tui-svg>
+                {{ item }}
+            </div>
             <button
                 appearance="icon"
                 size="xs"