Make icons in the Chat screen top bar 16dp (#6733)

* Make icons in the Chat screen top bar 16dp. This matches the designs in Figma.

* Fix the padding between the title and the icons

* Update screenshots

---------

Co-authored-by: ElementBot <android@element.io>
This commit is contained in:
Jorge Martin Espinosa 2026-05-06 11:16:13 +02:00 committed by GitHub
parent a8568a6a2d
commit 4d6973b4ab
4 changed files with 14 additions and 7 deletions

View file

@ -15,6 +15,7 @@ import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.RowScope
import androidx.compose.foundation.layout.WindowInsets
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.runtime.Composable
@ -91,9 +92,12 @@ internal fun MessagesViewTopBar(
modifier = titleModifier
)
val iconModifier = Modifier.size(16.dp)
when (dmUserIdentityState) {
IdentityState.Verified -> {
Icon(
modifier = iconModifier,
imageVector = CompoundIcons.Verified(),
tint = ElementTheme.colors.iconSuccessPrimary,
contentDescription = null,
@ -101,6 +105,7 @@ internal fun MessagesViewTopBar(
}
IdentityState.VerificationViolation -> {
Icon(
modifier = iconModifier,
imageVector = CompoundIcons.ErrorSolid(),
tint = ElementTheme.colors.iconCriticalPrimary,
contentDescription = null,
@ -112,11 +117,13 @@ internal fun MessagesViewTopBar(
when (sharedHistoryIcon) {
SharedHistoryIcon.NONE -> Unit
SharedHistoryIcon.SHARED -> Icon(
modifier = iconModifier,
imageVector = CompoundIcons.History(),
tint = ElementTheme.colors.iconInfoPrimary,
contentDescription = stringResource(CommonStrings.common_shared_history),
)
SharedHistoryIcon.WORLD_READABLE -> Icon(
modifier = iconModifier,
imageVector = CompoundIcons.UserProfileSolid(),
tint = ElementTheme.colors.iconInfoPrimary,
contentDescription = stringResource(CommonStrings.common_world_readable_history),
@ -150,7 +157,7 @@ private fun RoomAvatarAndNameRow(
)
Text(
modifier = Modifier
.padding(horizontal = 8.dp)
.padding(start = 8.dp)
.semantics {
heading()
},