mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 03:00:58 +08:00
fix(menu-button): Not visible if toolbar has primary color (#15847)
* fix(menu-button): Correct color if toolbar has custom color * fix(menu-button): Fix variable name
This commit is contained in:
@ -5,7 +5,7 @@
|
|||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
:host {
|
:host {
|
||||||
color: #{ion-color(primary, base)};
|
--color: #{$menu-button-ios-color};
|
||||||
}
|
}
|
||||||
|
|
||||||
:host(.activated) {
|
:host(.activated) {
|
||||||
|
@ -3,6 +3,9 @@
|
|||||||
|
|
||||||
// MD Menu Button
|
// MD Menu Button
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
:host {
|
||||||
|
--color: #{$menu-button-md-color};
|
||||||
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
@include padding(0, 8px);
|
@include padding(0, 8px);
|
||||||
|
@ -4,6 +4,8 @@
|
|||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
:host {
|
:host {
|
||||||
|
color: var(--color);
|
||||||
|
|
||||||
pointer-events: all;
|
pointer-events: all;
|
||||||
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -52,3 +54,10 @@ ion-icon {
|
|||||||
|
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Menu Button with Color
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
:host(.ion-color) .button-native {
|
||||||
|
color: current-color(base);
|
||||||
|
}
|
Reference in New Issue
Block a user