fix(experimental): SwipeActions fix scrolling without actions (#6750)

taiga-family · Feb 12, 2024 · f59d8a6 · f59d8a6
1 parent c4c43d1
commit f59d8a6
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 6 deletions.
diff --git a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.html b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.html
@@ -15,12 +15,7 @@
     </div>
 
     <button
-        iconLeft="tuiIconEye"
-        size="m"
-        tuiIconButton
-        tuiSwipeAction
-    ></button>
-    <button
+        *ngIf="editButton"
         iconLeft="tuiIconEdit3"
         size="m"
         tuiIconButton
@@ -44,3 +39,11 @@
     />
     Share button
 </label>
+<label>
+    <input
+        tuiCheckbox
+        type="checkbox"
+        [(ngModel)]="editButton"
+    />
+    Edit button
+</label>
diff --git a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.less b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.less
@@ -15,6 +15,7 @@ button[tuiSwipeAction] {
 label {
     display: flex;
     align-items: center;
+    margin-top: 0.5rem;
 }
 
 input[type='checkbox'] {

diff --git a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.ts b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.ts
@@ -11,4 +11,5 @@ import {encapsulation} from '@demo/emulate/encapsulation';
 })
 export class TuiSwipeActionExample4 {
     shareButton = false;
+    editButton = true;
 }
diff --git a/projects/experimental/components/swipe-action/swipe-actions.style.less b/projects/experimental/components/swipe-action/swipe-actions.style.less
@@ -30,6 +30,10 @@
     align-items: center;
     transform-style: preserve-3d;
 
+    &:empty {
+        display: none;
+    }
+
     ::ng-deep & > * {
         .loop(6);
     }