Skip to content

Commit 0e3c7a1

Browse files
committed
fix(button): add transition to focus overlay
* Adds a transition to the button focus overlay -It still shows up very fast, it just feels a bit smoother (similar as in MDL and M1)
1 parent 55b9224 commit 0e3c7a1

File tree

2 files changed

+3
-0
lines changed

2 files changed

+3
-0
lines changed

src/lib/button/_button-base.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ $md-button-min-width: 88px !default;
99
$md-button-margin: 0 !default;
1010
$md-button-line-height: 36px !default;
1111
$md-button-border-radius: 2px !default;
12+
$md-button-focus-transition: opacity, 0.25s $swift-ease-in-out-timing-function !default;
1213

1314
// Icon Button standards
1415
$md-icon-button-size: 40px !default;

src/lib/button/button.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -84,6 +84,8 @@
8484
pointer-events: none;
8585
opacity: 0;
8686

87+
transition: $md-button-focus-transition;
88+
8789
@include cdk-high-contrast {
8890
// Note that IE will render this in the same way, no
8991
// matter whether the theme is light or dark. This helps

0 commit comments

Comments
 (0)