mirror of
https://github.com/material-components/material-web.git
synced 2024-10-05 17:48:16 +03:00
fix(elevation): limit elevation transition to box-shadow and opacity
`transition-property: inherit` was causing issues where doing `visiblity: hidden` would animate with the shadow of the button. This change makes it such that we set the default properties to `box-shadow, opacity` on host so that it is still configuratble by the consumer of md-elevation. PiperOrigin-RevId: 613385695
This commit is contained in:
parent
36dd77ef97
commit
34c0a6779e
@ -30,11 +30,6 @@
|
||||
$exclude-custom-properties: false,
|
||||
);
|
||||
|
||||
:host {
|
||||
display: flex;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
:host,
|
||||
.shadow,
|
||||
.shadow::before,
|
||||
@ -47,6 +42,12 @@
|
||||
transition-timing-function: inherit;
|
||||
}
|
||||
|
||||
:host {
|
||||
display: flex;
|
||||
pointer-events: none;
|
||||
transition-property: box-shadow, opacity;
|
||||
}
|
||||
|
||||
.shadow::before,
|
||||
.shadow::after {
|
||||
content: '';
|
||||
|
Loading…
Reference in New Issue
Block a user