mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
fix toolbar hover states
This commit is contained in:
@ -36,16 +36,19 @@ $toolbar-order: (
|
|||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: $toolbar-active-color;
|
color: $toolbar-active-color;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
|
||||||
&.activated,
|
|
||||||
&:hover,
|
|
||||||
&.hover {
|
|
||||||
color: $toolbar-active-color;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.enable-hover .toolbar button:hover,
|
||||||
|
.enable-hover .toolbar [button]:hover,
|
||||||
|
.toolbar button.hover,
|
||||||
|
.toolbar [button].hover,
|
||||||
|
.toolbar button.activated,
|
||||||
|
.toolbar [button].activated {
|
||||||
|
color: $toolbar-active-color;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
.toolbar[position="bottom"] {
|
.toolbar[position="bottom"] {
|
||||||
order: $flex-order-toolbar-bottom;
|
order: $flex-order-toolbar-bottom;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user