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

fix(buttons): fix activated, position, animation

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-09-25 18:35:19 +02:00
parent 633360fcba
commit 9d6169acdd
10 changed files with 25 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components/menu-button/menu-button.ios.scss
View File

@ -8,6 +8,10 @@
color: #{ion-color(primary, base)};
}
:host(.activated) {
opacity: 0.4;
}
button {
@include padding(0, 5px);
}

3
core/src/components/menu-button/menu-button.tsx
View File

@ -39,7 +39,9 @@ export class MenuButton implements ComponentInterface {
hostData() {
return {
'ion-activatable': true,
class: {
// ion-buttons target .button
'button': true
}
};
@ -53,6 +55,7 @@ export class MenuButton implements ComponentInterface {
<slot>
<ion-icon icon={menuIcon} mode={this.mode} color={this.color} lazy={false} />
</slot>
{this.mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
</button>
</ion-menu-toggle>
);