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

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; 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%;

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

@ -153,12 +153,12 @@ 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") } { _t("Drop file here to upload") }
</div> </div>
</div>
); );
} }