Style kirby list when inside kirby accordion item

kirbydesign · Sep 23, 2024 · 9cc891f · 9cc891f
1 parent ab2cc17
commit 9cc891f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/libs/designsystem/list/src/list-item/list-item.component.scss b/libs/designsystem/list/src/list-item/list-item.component.scss
@@ -11,3 +11,9 @@ $divider-color: utils.get-color('background-color');
     border-bottom: 1px solid $divider-color;
   }
 }
+
+:host-context(kirby-list.transparent) {
+  ion-item-sliding {
+    --kirby-item-background: transparent;
+  }
+}
diff --git a/libs/designsystem/list/src/list.component.ts b/libs/designsystem/list/src/list.component.ts
@@ -1,6 +1,7 @@
 import {
   Component,
   ContentChild,
+  ElementRef,
   EventEmitter,
   HostBinding,
   Input,
@@ -164,7 +165,7 @@ export class ListComponent implements OnInit, OnChanges {
   _groupedItems: any[];
   _selectedItem: any;
 
-  constructor(private listHelper: ListHelper) {}
+  constructor(private listHelper: ListHelper, public elem: ElementRef) {}
 
   ngOnInit() {
     this._isSelectable = this.itemSelect.observers.length > 0;