PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Animate icon size

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

12
res/css/structures/_RoomView.scss
View file

@ -36,10 +36,22 @@ limitations under the License.
z-index: 3000;
display: flex;
flex-direction: column;
justify-content: 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 {
min-width: 0px;
width: 100%;

10
src/components/views/rooms/AuxPanel.tsx
View file

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