diff --git a/features/messages/impl/src/main/kotlin/io/element/android/features/messages/impl/timeline/components/blurhash/BlurHashAsyncImage.kt b/features/messages/impl/src/main/kotlin/io/element/android/features/messages/impl/timeline/components/blurhash/BlurHashAsyncImage.kt index f3f2addfa7..9237e87e9d 100644 --- a/features/messages/impl/src/main/kotlin/io/element/android/features/messages/impl/timeline/components/blurhash/BlurHashAsyncImage.kt +++ b/features/messages/impl/src/main/kotlin/io/element/android/features/messages/impl/timeline/components/blurhash/BlurHashAsyncImage.kt @@ -50,6 +50,7 @@ fun BlurHashAsyncImage( contentAlignment = Alignment.Center, ) { AsyncImage( + modifier = Modifier.fillMaxSize(), model = model, contentScale = contentScale, contentDescription = contentDescription, diff --git a/features/messages/impl/src/main/kotlin/io/element/android/features/messages/impl/timeline/components/event/TimelineItemVideoView.kt b/features/messages/impl/src/main/kotlin/io/element/android/features/messages/impl/timeline/components/event/TimelineItemVideoView.kt index 56c55e4ef2..84f27720d1 100644 --- a/features/messages/impl/src/main/kotlin/io/element/android/features/messages/impl/timeline/components/event/TimelineItemVideoView.kt +++ b/features/messages/impl/src/main/kotlin/io/element/android/features/messages/impl/timeline/components/event/TimelineItemVideoView.kt @@ -17,17 +17,23 @@ package io.element.android.features.messages.impl.timeline.components.event import androidx.compose.foundation.Image +import androidx.compose.foundation.background +import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.fillMaxSize +import androidx.compose.foundation.layout.size +import androidx.compose.foundation.shape.CircleShape import androidx.compose.material.icons.Icons -import androidx.compose.material.icons.filled.PlayCircle -import androidx.compose.material3.MaterialTheme +import androidx.compose.material.icons.filled.PlayArrow import androidx.compose.runtime.Composable import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier +import androidx.compose.ui.draw.clip +import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.ColorFilter import androidx.compose.ui.layout.ContentScale import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.tooling.preview.PreviewParameter +import androidx.compose.ui.unit.dp import io.element.android.features.messages.impl.timeline.components.blurhash.BlurHashAsyncImage import io.element.android.features.messages.impl.timeline.model.event.TimelineItemVideoContent import io.element.android.features.messages.impl.timeline.model.event.TimelineItemVideoContentProvider @@ -52,12 +58,19 @@ fun TimelineItemVideoView( modifier = Modifier.fillMaxSize(), contentScale = ContentScale.Fit, ) - Image( - Icons.Default.PlayCircle, - contentDescription = "Play", - colorFilter = ColorFilter.tint(MaterialTheme.colorScheme.onBackground), - modifier = Modifier.align(Alignment.Center), - ) + Box( + modifier = Modifier + .size(50.dp) + .clip(CircleShape) + .background(color = Color.Black.copy(alpha = 0.5f)), + contentAlignment = Alignment.Center, + ) { + Image( + Icons.Default.PlayArrow, + contentDescription = "Play", + colorFilter = ColorFilter.tint(Color.White), + ) + } } }