javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(button): use correct border-radius on menu & back button (#18501)

Browse Source 
- adds hover and focused state to menu button

references #17624
This commit is contained in:
Brandy Carney
2019-06-10 17:58:04 -04:00
committed by GitHub
parent 35c143a036
commit 055e12570d
3 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,6 +4,8 @@
// --------------------------------------------------
:host {
--background-focused: #{ion-color(primary, base, .1)};
--border-radius: 4px;
--color: #{ion-color(primary, base)};
--padding-start: 5px;
--padding-end: 5px;
@ -12,9 +14,23 @@
}
:host(.activated) {
opacity: 0.4;
opacity: .4;
}
@media (any-hover: hover) {
:host(:hover) {
opacity: .6;
}
}
ion-icon {
font-size: 31px;
}
// Menu Button Color: Focused
// --------------------------------------------------
:host(.ion-color.ion-focused) .button-native {
background: #{current-color(base, .1)};
}