Animate icon size
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
parent
49ea9a4788
commit
1a7f9091b4
2 changed files with 17 additions and 5 deletions
|
@ -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%;
|
||||||
|
|
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue