mirror of
https://github.com/Foundry376/Mailspring.git
synced 2025-09-30 16:34:45 +08:00
fix(empty-state): Limit scaling factor for animation
- Fix display: none in css
This commit is contained in:
parent
843751ea94
commit
a43a73c35d
2 changed files with 2 additions and 2 deletions
|
@ -48,6 +48,7 @@ class EmptyInboxState extends React.Component
|
||||||
_getScalingFactor: =>
|
_getScalingFactor: =>
|
||||||
{width} = @props.containerRect
|
{width} = @props.containerRect
|
||||||
return null unless width
|
return null unless width
|
||||||
|
return null if width > 600
|
||||||
return (width + 100) / 1000
|
return (width + 100) / 1000
|
||||||
|
|
||||||
_getAnimationName: (now = new Date()) =>
|
_getAnimationName: (now = new Date()) =>
|
||||||
|
|
|
@ -4,7 +4,6 @@
|
||||||
|
|
||||||
.empty-state {
|
.empty-state {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
display: none;
|
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
@ -15,7 +14,7 @@
|
||||||
> div {
|
> div {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity @duration ease-in;
|
transition: opacity @duration ease-in;
|
||||||
width:100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue