Edit room/space detail: change avatar size to 64 and adapt edit icon ratio. See #6364
This commit is contained in:
@@ -51,6 +51,9 @@ import io.element.android.libraries.matrix.ui.components.AvatarPickerView
|
||||
import io.element.android.libraries.permissions.api.PermissionsView
|
||||
import io.element.android.libraries.ui.strings.CommonStrings
|
||||
|
||||
/**
|
||||
* https://www.figma.com/design/pDlJZGBsri47FNTXMnEdXB/Compound-Android-Templates?node-id=2204-37063
|
||||
*/
|
||||
@Composable
|
||||
fun RoomDetailsEditView(
|
||||
state: RoomDetailsEditState,
|
||||
|
||||
@@ -46,7 +46,7 @@ enum class AvatarSize(val dp: Dp) {
|
||||
RoomInviteItem(52.dp),
|
||||
InviteSender(16.dp),
|
||||
|
||||
EditRoomDetails(68.dp),
|
||||
EditRoomDetails(64.dp),
|
||||
RoomListManageUser(96.dp),
|
||||
|
||||
NotificationsOptIn(32.dp),
|
||||
|
||||
@@ -113,7 +113,7 @@ fun AvatarPickerView(
|
||||
},
|
||||
y = size.height - editIconRadius.toPx(),
|
||||
),
|
||||
radius = editIconRadius.toPx() * 1.2f,
|
||||
radius = editIconRadius.toPx() * 1.35f,
|
||||
blendMode = BlendMode.Clear,
|
||||
)
|
||||
}
|
||||
@@ -143,7 +143,7 @@ fun AvatarPickerView(
|
||||
)
|
||||
if (enabled) {
|
||||
OverlayEditButton(
|
||||
editButtonSize = state.avatarData.size.dp * 0.44f,
|
||||
editButtonSize = state.avatarData.size.dp * 30 / 64f,
|
||||
onClick = onClick,
|
||||
interactionSource = interactionSource
|
||||
)
|
||||
@@ -195,7 +195,7 @@ private fun BoxScope.OverlayEditButton(
|
||||
contentAlignment = Alignment.Center,
|
||||
) {
|
||||
Icon(
|
||||
modifier = Modifier.size(editButtonSize * 0.66f),
|
||||
modifier = Modifier.size(editButtonSize * 24 / 30f),
|
||||
imageVector = CompoundIcons.Edit(),
|
||||
contentDescription = null,
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user