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

fix(buttons): fix the toolbar buttons underline

Browse Source
This commit is contained in:
Brandy Carney
2018-02-13 15:46:53 -05:00
parent 460d5e17c8
commit e4c4419f70
3 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/core/src/components/button/button.md.scss
View File

@ -66,7 +66,7 @@ button[disabled],
background-color: $bg-color; background-color: $bg-color;
} }
.enable-hover .button-md-#{$color-name}:hover { .enable-hover .button-md-#{$color-name}:hover {
background-color: $bg-color; background-color: $bg-color;
} }

2
packages/core/src/components/button/button.md.vars.scss
View File

@ -73,7 +73,7 @@ $button-md-opacity-activated: 1 !default;
$button-md-box-shadow-activated: 0 3px 5px rgba(0, 0, 0, .14), 0 3px 5px rgba(0, 0, 0, .21) !default; $button-md-box-shadow-activated: 0 3px 5px rgba(0, 0, 0, .14), 0 3px 5px rgba(0, 0, 0, .21) !default;
/// @prop - Background color of the ripple on the button /// @prop - Background color of the ripple on the button
$button-md-ripple-background-color: $text-md-color-step-400 !default; $button-md-ripple-background-color: $text-md-color-step-400 !default;
/// @prop - Background color of the focused button /// @prop - Background color of the focused button
$button-md-background-color-focused: ion-color($colors-md, $button-md-background-color, shade, md) !default; $button-md-background-color-focused: ion-color($colors-md, $button-md-background-color, shade, md) !default;

1
packages/core/src/components/toolbar/toolbar.scss
View File

@ -94,6 +94,7 @@ ion-buttons,
display: inline-block; display: inline-block;
line-height: 1; line-height: 1;
text-decoration: none;
text-overflow: ellipsis; text-overflow: ellipsis;
text-transform: none; text-transform: none;
white-space: nowrap; white-space: nowrap;