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

refactor(hover): use :hover:not(.disable-hover)

Browse Source 
Less CSS specificity issues. Disabling hover on mobile prevents button
flickers.
This commit is contained in:
Adam Bradley
2015-09-24 13:31:35 -05:00
parent 6580f53607
commit 4d84cdae83
8 changed files with 39 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
ionic/components/toolbar/modes/ios.scss
View File

@@ -58,6 +58,7 @@ $toolbar-ios-title-font-size: 1.7rem !default;
.back-button-icon {
display: inherit;
margin: 0;
min-width: 20px;
font-size: 3.2rem;
}

6
ionic/components/toolbar/toolbar.scss
View File

@@ -51,8 +51,8 @@ $toolbar-order: (
pointer-events: none;
}
.enable-hover .toolbar button:hover,
.enable-hover .toolbar [button]:hover,
.toolbar button:hover:not(.disable-hover),
.toolbar [button]:hover:not(.disable-hover),
.toolbar button.activated,
.toolbar [button].activated {
color: $toolbar-active-color;
@@ -140,6 +140,8 @@ ion-nav-items div {
.toolbar-title,
button,
[button],
button:hover:not(.disable-hover),
[button]:hover:not(.disable-hover),
a {
color: inverse($color-value);
}