Animate icon size

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-02-26 07:51:03 +01:00
parent 49ea9a4788
commit 1a7f9091b4
No known key found for this signature in database
GPG key ID: 9760693FDD98A790
2 changed files with 17 additions and 5 deletions

View file

@ -36,10 +36,22 @@ limitations under the License.
z-index: 3000; z-index: 3000;
display: flex; display: flex;
flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
@keyframes mx_RoomView_fileDropTarget_image_animation {
from {width: 0px;}
to {width: 32px;}
}
.mx_RoomView_fileDropTarget_image {
animation: mx_RoomView_fileDropTarget_image_animation;
animation-duration: 0.5s;
margin-bottom: 16px;
}
.mx_RoomView_auxPanel { .mx_RoomView_auxPanel {
min-width: 0px; min-width: 0px;
width: 100%; width: 100%;

View file

@ -153,11 +153,11 @@ export default class AuxPanel extends React.Component<IProps, IState> {
if (this.props.draggingFile) { if (this.props.draggingFile) {
fileDropTarget = ( fileDropTarget = (
<div className="mx_RoomView_fileDropTarget"> <div className="mx_RoomView_fileDropTarget">
<div title={_t("Drop File Here")}> <img
<img src={require( "../../../../res/img/upload-big.svg")} /> src={require( "../../../../res/img/upload-big.svg")}
<br /> className="mx_RoomView_fileDropTarget_image"
{ _t("Drop file here to upload") } />
</div> { _t("Drop file here to upload") }
</div> </div>
); );
} }