fix(select-popover): add scoped to apply proper styles to list

ionic-team · Sep 18, 2018 · fd1b636 · fd1b636
1 parent d145cae
commit fd1b636
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/core/src/components/select-popover/select-popover.scss b/core/src/components/select-popover/select-popover.scss
@@ -1,5 +1,10 @@
 @import "./select-popover.vars";
 
-:host ::slotted(ion-list) {
+:host ion-list {
   @include margin($select-popover-list-margin-top, $select-popover-list-margin-end, $select-popover-list-margin-bottom, $select-popover-list-margin-start);
 }
+
+:host ion-list-header,
+:host ion-label {
+  @include margin(0);
+}
diff --git a/core/src/components/select-popover/select-popover.tsx b/core/src/components/select-popover/select-popover.tsx
@@ -5,7 +5,8 @@ import { createThemedClasses } from '../../utils/theme';
 
 @Component({
   tag: 'ion-select-popover',
-  styleUrl: 'select-popover.scss'
+  styleUrl: 'select-popover.scss',
+  scoped: true
 })
 export class SelectPopover implements ComponentInterface {