теперь меньше анимации

This commit is contained in:
lalka2018 2023-04-25 08:47:31 +03:00 committed by GitHub
parent d6089afabd
commit 24e5dc2be5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -1,27 +1,8 @@
/*avatar controls idk*/ /*avatar controls*/
#avatarEdit #avatarEdit
{ {
position: relative; 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 #_avatarDelete
{ {
position:absolute; position:absolute;
@ -36,6 +17,12 @@ div#avatarAll:hover #avatarChange {
{ {
opacity:0; opacity:0;
} }
#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 #avatarChange
{ {
position:absolute; position:absolute;
@ -45,14 +32,17 @@ div#avatarAll:hover #avatarChange {
font-size:11px; font-size:11px;
padding-top:10px; padding-top:10px;
padding-bottom:10px; padding-bottom:10px;
padding-right: 10px;
opacity:0%; opacity:0%;
} }
div#avatarAll:hover #avatarChange {
opacity: 1 !important;
visibility: visible;
}
#uploadIcon #uploadIcon
{ {
position:absolute; position:absolute;
left:0; left:0;
margin-left:13px; margin-left:20px;
} }
#_newPicture #_newPicture
{ {
@ -82,14 +72,13 @@ div#avatarAll:hover #avatarChange {
font-size:11px; font-size:11px;
padding-top:10px; padding-top:10px;
padding-bottom:10px; padding-bottom:10px;
padding-right: 10px;
opacity:0%; opacity:0%;
} }
#_newAvatarPicture2 #_newAvatarPicture2
{ {
position:absolute; position:absolute;
left:0; left:0;
margin-left:13px; margin-left:20px;
} }
#_newAvatarPicture:hover #_newAvatarPicture:hover
{ {