From d6089afabdea4e89ebc8eb488c6c194701f62277 Mon Sep 17 00:00:00 2001
From: lalka2018 <99399973+lalka2016@users.noreply.github.com>
Date: Mon, 24 Apr 2023 21:51:05 +0300
Subject: [PATCH] now these things have animation

I stole css from vepurovk and now these things have animation
---
 Web/static/css/avataredit.css | 33 +++++++++++++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/Web/static/css/avataredit.css b/Web/static/css/avataredit.css
index 189d0938..fb7397cd 100644
--- a/Web/static/css/avataredit.css
+++ b/Web/static/css/avataredit.css
@@ -3,6 +3,25 @@
 {
     position: relative;
 }
+#avatarAll {
+    overflow: hidden;
+    position: relative;
+}
+#avatarChange, #_avatarDelete, #groupAvatarChange {
+    -webkit-transition: all 200ms ease-in-out;
+    -moz-transition: all 200ms ease-in-out;
+    -o-transition: all 200ms ease-in-out;
+    transition: all 200ms ease-in-out;
+}
+#avatarChange {
+    bottom: -32px !important;
+    visibility: hidden;
+}
+div#avatarAll:hover #avatarChange {
+    opacity: 1 !important;
+    bottom: -8px !important;
+    visibility: visible;
+}
 #_avatarDelete 
 {
     position:absolute;
@@ -26,18 +45,23 @@
     font-size:11px;
     padding-top:10px;
     padding-bottom:10px;
+	padding-right: 10px;
     opacity:0%;
 }
 #uploadIcon
 {
     position:absolute;
     left:0;
-    margin-left:20px;
+    margin-left:13px;
 }
 #_newPicture
 {
     color:#B2B2B2;
 }
+#_newPicture:hover
+{
+    color: #D9D9D9;
+}
 .newpict
 {
     position:absolute;
@@ -58,11 +82,16 @@
     font-size:11px;
     padding-top:10px;
     padding-bottom:10px;
+	padding-right: 10px;
     opacity:0%;
 }
 #_newAvatarPicture2
 {
     position:absolute;
     left:0;
-    margin-left:20px;
+    margin-left:13px;
+}
+#_newAvatarPicture:hover
+{
+    color:#D9D9D9;
 }