From 79e9a7673d41a813bd975186794bf5ee8155f3e9 Mon Sep 17 00:00:00 2001 From: lalka2018 <99399973+lalka2016@users.noreply.github.com> Date: Sun, 23 Apr 2023 20:55:24 +0300 Subject: [PATCH 1/3] some changes for upload picture text --- Web/static/css/avataredit.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/Web/static/css/avataredit.css b/Web/static/css/avataredit.css index 9f9c6a52..189d0938 100644 --- a/Web/static/css/avataredit.css +++ b/Web/static/css/avataredit.css @@ -41,8 +41,13 @@ .newpict { position:absolute; - margin-left:0; - margin-right:0; + text-align:center; + left:20%; + top:75%; +} +.newpict:hover +{ + color:#5680a0; } #groupAvatarChange { @@ -60,4 +65,4 @@ position:absolute; left:0; margin-left:20px; -} \ No newline at end of file +} 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 2/3] 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; } From 24e5dc2be5b08c3000e23ab69bf217ad027ad1a5 Mon Sep 17 00:00:00 2001 From: lalka2018 <99399973+lalka2016@users.noreply.github.com> Date: Tue, 25 Apr 2023 08:47:31 +0300 Subject: [PATCH 3/3] =?UTF-8?q?=D1=82=D0=B5=D0=BF=D0=B5=D1=80=D1=8C=20?= =?UTF-8?q?=D0=BC=D0=B5=D0=BD=D1=8C=D1=88=D0=B5=20=D0=B0=D0=BD=D0=B8=D0=BC?= =?UTF-8?q?=D0=B0=D1=86=D0=B8=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Web/static/css/avataredit.css | 37 ++++++++++++----------------------- 1 file changed, 13 insertions(+), 24 deletions(-) diff --git a/Web/static/css/avataredit.css b/Web/static/css/avataredit.css index fb7397cd..df10bebc 100644 --- a/Web/static/css/avataredit.css +++ b/Web/static/css/avataredit.css @@ -1,27 +1,8 @@ -/*avatar controls idk*/ +/*avatar controls*/ #avatarEdit { 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; @@ -36,6 +17,12 @@ div#avatarAll:hover #avatarChange { { 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 { position:absolute; @@ -45,14 +32,17 @@ div#avatarAll:hover #avatarChange { font-size:11px; padding-top:10px; padding-bottom:10px; - padding-right: 10px; opacity:0%; } +div#avatarAll:hover #avatarChange { + opacity: 1 !important; + visibility: visible; +} #uploadIcon { position:absolute; left:0; - margin-left:13px; + margin-left:20px; } #_newPicture { @@ -82,14 +72,13 @@ div#avatarAll:hover #avatarChange { font-size:11px; padding-top:10px; padding-bottom:10px; - padding-right: 10px; opacity:0%; } #_newAvatarPicture2 { position:absolute; left:0; - margin-left:13px; + margin-left:20px; } #_newAvatarPicture:hover {