fix: no blue disc behind the sidebar profile picture

Keep the colored background only for the initials fallback; a real
photo fills the circle with a transparent backing.
This commit is contained in:
Anthony Stirling
2026-06-10 15:05:29 +01:00
parent 9a1804ce04
commit d6306f51e1
2 changed files with 8 additions and 1 deletions
@@ -399,6 +399,11 @@
overflow: hidden; overflow: hidden;
} }
/* No colored disc behind an actual photo; keep it for the initials fallback. */
.file-sidebar-bottom-avatar--picture {
background-color: transparent;
}
.file-sidebar-bottom-avatar-img { .file-sidebar-bottom-avatar-img {
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -944,7 +944,9 @@ const FileSidebar = forwardRef<HTMLDivElement, FileSidebarProps>(
style={onOpenSettings ? { cursor: "pointer" } : undefined} style={onOpenSettings ? { cursor: "pointer" } : undefined}
> >
<div <div
className="file-sidebar-bottom-avatar" className={`file-sidebar-bottom-avatar${
showProfilePicture ? " file-sidebar-bottom-avatar--picture" : ""
}`}
aria-label={displayName} aria-label={displayName}
> >
{showProfilePicture ? ( {showProfilePicture ? (