Sulkta-OSS/element-x-ada
3
0
Fork 0
Code Issues 1 Pull requests 10 Projects Releases Packages Wiki Activity Actions

Edit room/space detail: change avatar size to 64 and adapt edit icon ratio. See #6364

Browse source
This commit is contained in:
Benoit Marty 2026-03-24 11:31:14 +01:00
parent 7912db2ce8
commit 637df0a228
3 changed files with 7 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

3
features/roomdetailsedit/impl/src/main/kotlin/io/element/android/features/roomdetailsedit/impl/RoomDetailsEditView.kt
View file

@ -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.permissions.api.PermissionsView
import io.element.android.libraries.ui.strings.CommonStrings import io.element.android.libraries.ui.strings.CommonStrings
/**
* https://www.figma.com/design/pDlJZGBsri47FNTXMnEdXB/Compound-Android-Templates?node-id=2204-37063
*/
@Composable @Composable
fun RoomDetailsEditView( fun RoomDetailsEditView(
state: RoomDetailsEditState, state: RoomDetailsEditState,

2
libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/components/avatar/AvatarSize.kt
View file

@ -46,7 +46,7 @@ enum class AvatarSize(val dp: Dp) {
RoomInviteItem(52.dp), RoomInviteItem(52.dp),
InviteSender(16.dp), InviteSender(16.dp),
EditRoomDetails(68.dp), EditRoomDetails(64.dp),
RoomListManageUser(96.dp), RoomListManageUser(96.dp),
NotificationsOptIn(32.dp), NotificationsOptIn(32.dp),

6
libraries/matrixui/src/main/kotlin/io/element/android/libraries/matrix/ui/components/AvatarPickerView.kt
View file

@ -113,7 +113,7 @@ fun AvatarPickerView(
}, },
y = size.height - editIconRadius.toPx(), y = size.height - editIconRadius.toPx(),
), ),
radius = editIconRadius.toPx() * 1.2f, radius = editIconRadius.toPx() * 1.35f,
blendMode = BlendMode.Clear, blendMode = BlendMode.Clear,
) )
} }
@ -143,7 +143,7 @@ fun AvatarPickerView(
) )
if (enabled) { if (enabled) {
OverlayEditButton( OverlayEditButton(
editButtonSize = state.avatarData.size.dp * 0.44f, editButtonSize = state.avatarData.size.dp * 30 / 64f,
onClick = onClick, onClick = onClick,
interactionSource = interactionSource interactionSource = interactionSource
) )
@ -195,7 +195,7 @@ private fun BoxScope.OverlayEditButton(
contentAlignment = Alignment.Center, contentAlignment = Alignment.Center,
) { ) {
Icon( Icon(
modifier = Modifier.size(editButtonSize * 0.66f), modifier = Modifier.size(editButtonSize * 24 / 30f),
imageVector = CompoundIcons.Edit(), imageVector = CompoundIcons.Edit(),
contentDescription = null, contentDescription = null,
) )