mirror of
https://github.com/material-components/material-web.git
synced 2024-08-17 01:20:23 +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,
|
$exclude-custom-properties: false,
|
||||||
);
|
);
|
||||||
|
|
||||||
:host {
|
|
||||||
display: flex;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host,
|
:host,
|
||||||
.shadow,
|
.shadow,
|
||||||
.shadow::before,
|
.shadow::before,
|
||||||
@ -47,6 +42,12 @@
|
|||||||
transition-timing-function: inherit;
|
transition-timing-function: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:host {
|
||||||
|
display: flex;
|
||||||
|
pointer-events: none;
|
||||||
|
transition-property: box-shadow, opacity;
|
||||||
|
}
|
||||||
|
|
||||||
.shadow::before,
|
.shadow::before,
|
||||||
.shadow::after {
|
.shadow::after {
|
||||||
content: '';
|
content: '';
|
||||||
|
Loading…
Reference in New Issue
Block a user