javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(select): update iOS icon (#27001)

Browse Source
This commit is contained in:
Sean Perkins
2023-03-28 16:49:14 -04:00
committed by GitHub
parent 408457aa95
commit ee19891542
242 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
core/src/components/select/select.tsx
View File

@ -1,6 +1,6 @@
import type { ComponentInterface, EventEmitter } from '@stencil/core';
import { Component, Element, Event, Host, Method, Prop, State, Watch, h, forceUpdate } from '@stencil/core';
import { caretDownSharp } from 'ionicons/icons';
import { caretDownSharp, chevronExpand } from 'ionicons/icons';
import { getIonMode } from '../../global/ionic-global';
import type {
@ -759,6 +759,7 @@ export class Select implements ComponentInterface {
class={createColorClasses(this.color, {
[mode]: true,
'in-item': inItem,
'in-item-color': hostContext('ion-item.ion-color', el),
'select-disabled': disabled,
'select-expanded': isExpanded,
'has-value': this.hasValue(),
@ -895,7 +896,9 @@ Developers can use the "legacy" property to continue using the legacy form marku
* next to the select text.
*/
private renderSelectIcon() {
return <ion-icon class="select-icon" part="icon" aria-hidden="true" icon={caretDownSharp}></ion-icon>;
const mode = getIonMode(this);
const icon = mode === 'ios' ? chevronExpand : caretDownSharp;
return <ion-icon class="select-icon" part="icon" aria-hidden="true" icon={icon}></ion-icon>;
}
private get ariaLabel() {