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

fix(menu-button): get proper styles when used inside ion-buttons

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-07-24 01:56:52 +02:00
parent f6c8f3f993
commit 811eee70f8
20 changed files with 118 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,37 +4,14 @@
// iOS Menu Button
// --------------------------------------------------
.menu-button-inner {
@include padding(0);
@include margin(2px, 0, 0, 0);
:host {
--ion-color-base: #{ion-color(primary, base)};
}
min-height: 32px;
transform: translateZ(0);
border: 0;
background-color: transparent;
color: $menu-button-ios-color;
font-size: 17px;
line-height: 1;
overflow: visible;
z-index: $menu-button-ios-button-z-index;
&.activated {
opacity: .4;
}
button {
padding: 0 5px;
}
ion-icon {
@include padding(0);
@include margin(0, -3px, 0, 0);
display: inherit;
font-size: 1.75em;
pointer-events: none;
font-size: 31px;
}