javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-08 23:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(select): match MD spec for select popover interface

Browse Source 
referenes #12310
This commit is contained in:
Brandy Carney
2017-09-15 18:09:40 -04:00
parent 2268cd84c0
commit 029994417e
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/core/src/components/select/select-popover.tsx
View File

@ -1,7 +1,6 @@
import { Component, Event, EventEmitter, Listen, Prop, PropDidChange } from '@stencil/core'; import { Component, Event, EventEmitter, Listen, Prop, PropDidChange } from '@stencil/core';
import { createThemedClasses } from '../../utils/theme';
export interface SelectPopoverOption { export interface SelectPopoverOption {
text: string; text: string;
@ -53,7 +52,7 @@ export class SelectPopover {
render() { render() {
return ( return (
<ion-list> <ion-list no-lines={this.mode == 'md'}>
<ion-radio-group value={this.value}> <ion-radio-group value={this.value}>
{this.options.map(option => {this.options.map(option =>
<ion-item> <ion-item>

15
packages/core/src/components/select/select.md.scss
View File

@ -57,4 +57,19 @@ $select-md-placeholder-color: $select-md-icon-color !default;
color: $select-md-icon-color; color: $select-md-icon-color;
pointer-events: none; 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;
} }