OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Add background animation 

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
pull/21833/head
Šimon Brandner 2021-02-26 08:12:10 +01:00
parent f0c26846c7
commit 172cc01f7d
No known key found for this signature in database
GPG Key ID: 9760693FDD98A790
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,6 +20,12 @@ limitations under the License.
flex-direction: column; flex-direction: column;
} }
@keyframes mx_RoomView_fileDropTarget_animation {
from {opacity: 0;}
to {opacity: 0.95;}
}
.mx_RoomView_fileDropTarget { .mx_RoomView_fileDropTarget {
min-width: 0px; min-width: 0px;
width: 100%; width: 100%;
@ -30,7 +36,8 @@ limitations under the License.
pointer-events: none; pointer-events: none;
background-color: $droptarget-bg-color; background-color: $primary-bg-color;
opacity: 0.95;
position: absolute; position: absolute;
z-index: 3000; z-index: 3000;
@ -39,6 +46,9 @@ limitations under the License.
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
animation: mx_RoomView_fileDropTarget_animation;
animation-duration: 0.5s;
} }
@keyframes mx_RoomView_fileDropTarget_image_animation { @keyframes mx_RoomView_fileDropTarget_image_animation {