Fix minor visual issues

The following issues are fixed:
 * The visibility of the placeholder rectangle, according the existence
	of the avatar image
 * The initial letter not being visible in the dark theme
 * Vertical alignment of the avatar

CURA-7418
This commit is contained in:
Kostas Karmas 2020-06-16 14:41:52 +02:00
parent 78bd5520bd
commit a9de95a1eb

View File

@ -24,12 +24,13 @@ Column
AvatarImage AvatarImage
{ {
id: avatar id: avatar
anchors.verticalCenter: parent.verticalCenter
width: UM.Theme.getSize("main_window_header").height width: UM.Theme.getSize("main_window_header").height
height: UM.Theme.getSize("main_window_header").height height: UM.Theme.getSize("main_window_header").height
source: profile["profile_image_url"] ? profile["profile_image_url"] : "" source: profile["profile_image_url"] ? profile["profile_image_url"] : ""
outlineColor: "transparent" outlineColor: UM.Theme.getColor("main_background")
} }
Rectangle Rectangle
{ {
@ -37,13 +38,16 @@ Column
width: avatar.width width: avatar.width
height: avatar.height height: avatar.height
radius: width radius: width
anchors.verticalCenter: parent.verticalCenter
color: UM.Theme.getColor("action_button_disabled") color: UM.Theme.getColor("action_button_disabled")
visible: !avatar.hasAvatar
Label Label
{ {
id: initialLabel id: initialLabel
anchors.centerIn: parent anchors.centerIn: parent
text: profile["username"].charAt(0).toUpperCase() text: profile["username"].charAt(0).toUpperCase()
font: UM.Theme.getFont("large_bold") font: UM.Theme.getFont("large_bold")
color: UM.Theme.getColor("text")
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
renderType: Text.NativeRendering renderType: Text.NativeRendering