From 10c083b74b89940919776641d377c04c3bc67e45 Mon Sep 17 00:00:00 2001
From: Thiago Krieck <thiago.krieck@xwiki.com>
Date: Wed, 7 Feb 2024 10:32:02 -0300
Subject: [PATCH] XWIKI-21833: Provide better controls for editing the profile
 picture (avatar)

* Removed hardcoded reference to a Silk icon
* Restyled the button to look like a link
* Restyled the CSS on the profile image to clean it up
---
 .../main/resources/XWiki/XWikiUserSheet.xml   | 35 +++++++++++--------
 1 file changed, 21 insertions(+), 14 deletions(-)

diff --git a/xwiki-platform-core/xwiki-platform-user/xwiki-platform-user-profile/xwiki-platform-user-profile-ui/src/main/resources/XWiki/XWikiUserSheet.xml b/xwiki-platform-core/xwiki-platform-user/xwiki-platform-user-profile/xwiki-platform-user-profile-ui/src/main/resources/XWiki/XWikiUserSheet.xml
index 00b33ed33073..0a0cb1c85ed0 100644
--- a/xwiki-platform-core/xwiki-platform-user/xwiki-platform-user-profile/xwiki-platform-user-profile-ui/src/main/resources/XWiki/XWikiUserSheet.xml
+++ b/xwiki-platform-core/xwiki-platform-user/xwiki-platform-user-profile/xwiki-platform-user-profile-ui/src/main/resources/XWiki/XWikiUserSheet.xml
@@ -455,10 +455,8 @@ return XWiki;
 #avatar img {
   border: 1px solid $theme.borderColor;
   border-radius: 8px 8px 8px 8px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
   margin: 0 auto;
   padding: 0.3em;
-  width: 95%;
 }
 
 .profile-menu .category-tab:before{
@@ -661,18 +659,27 @@ span#avatarUpload {
   margin: 0;
 }
 
-.attachment-picker-start {
-  background: url("$xwiki.getSkinFile('icons/silk/picture_edit.png')") no-repeat center center $theme.pageContentBackgroundColor !important;
-  border: 0 none !important;
-  border-bottom-left-radius: 8px;
-  height: 18px;
-  position: absolute;
-  right: 0;
-  text-align: left;
-  text-indent: -9999px;
-  top: 1px;
-  width: 18px !important;
-  z-index: 1;
+.attachment-picker {
+  .buttonwrapper {
+    a.button {
+      background-color: inherit;
+      background-image: none;
+      border-color: unset;
+      border-radius: unset;
+      border: unset;
+      color: @link-color;
+      cursor: pointer;
+      display: unset;
+      font-size: unset;
+      font-weight: normal;
+      line-height: unset;
+      margin: unset;
+      padding: unset;
+      text-align: center;
+      vertical-align: middle;
+      &amp;:hover{text-decoration: underline};
+    }
+  }
 }
 
 ## --------------------------------------