diff --git a/packages/core/src/components/select/select-popover.tsx b/packages/core/src/components/select/select-popover.tsx index 128e18a73c..aa5fdccb55 100644 --- a/packages/core/src/components/select/select-popover.tsx +++ b/packages/core/src/components/select/select-popover.tsx @@ -1,7 +1,6 @@ import { Component, Event, EventEmitter, Listen, Prop, PropDidChange } from '@stencil/core'; -import { createThemedClasses } from '../../utils/theme'; export interface SelectPopoverOption { text: string; @@ -53,7 +52,7 @@ export class SelectPopover { render() { return ( - + {this.options.map(option => diff --git a/packages/core/src/components/select/select.md.scss b/packages/core/src/components/select/select.md.scss index 7391b94f81..7b9cf7398b 100644 --- a/packages/core/src/components/select/select.md.scss +++ b/packages/core/src/components/select/select.md.scss @@ -57,4 +57,19 @@ $select-md-placeholder-color: $select-md-icon-color !default; color: $select-md-icon-color; pointer-events: none; +} + +// Select Popover Interface +// -------------------------------------------------- + +.select-popover-md .radio-icon { + display: none; +} + +.select-popover-md .item-radio-checked { + background-color: #DCDCDC; +} + +.select-popover-md .item-radio-checked ion-label { + color: initial; } \ No newline at end of file