sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Add background animation

Browse Source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner
2021-02-26 08:12:10 +01:00
parent f0c26846c7
commit 172cc01f7d
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/structures/_RoomView.scss
+11 -1
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 {