mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-08 23:58:13 +08:00
fix(select): match MD spec for select popover interface
referenes #12310
This commit is contained in:
@ -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 (
|
||||
<ion-list>
|
||||
<ion-list no-lines={this.mode == 'md'}>
|
||||
<ion-radio-group value={this.value}>
|
||||
{this.options.map(option =>
|
||||
<ion-item>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user