Make the content of SignedOutView scrollable for small screens

This commit is contained in:
Benoit Marty
2026-09-30 14:08:48 +02:00
parent 9b37ecc243
commit 48b3eb7a0d
@@ -10,7 +10,6 @@ package io.element.android.features.signedout.impl
import androidx.activity.compose.BackHandler import androidx.activity.compose.BackHandler
import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.fillMaxWidth
@@ -18,7 +17,6 @@ import androidx.compose.foundation.layout.imePadding
import androidx.compose.foundation.layout.padding import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.systemBarsPadding import androidx.compose.foundation.layout.systemBarsPadding
import androidx.compose.runtime.Composable import androidx.compose.runtime.Composable
import androidx.compose.ui.BiasAlignment
import androidx.compose.ui.Modifier import androidx.compose.ui.Modifier
import androidx.compose.ui.res.stringResource import androidx.compose.ui.res.stringResource
import androidx.compose.ui.tooling.preview.PreviewParameter import androidx.compose.ui.tooling.preview.PreviewParameter
@@ -54,6 +52,7 @@ fun SignedOutView(
.fillMaxSize() .fillMaxSize()
.systemBarsPadding() .systemBarsPadding()
.imePadding(), .imePadding(),
isScrollable = true,
header = { SignedOutHeader(state) }, header = { SignedOutHeader(state) },
content = { SignedOutContent(state.signedOutMatrixUser) }, content = { SignedOutContent(state.signedOutMatrixUser) },
footer = { footer = {
@@ -85,7 +84,7 @@ private fun SignedOutContent(
modifier = Modifier modifier = Modifier
.fillMaxSize() .fillMaxSize()
.padding(top = 8.dp), .padding(top = 8.dp),
verticalArrangement = Arrangement.spacedBy(16.dp), verticalArrangement = Arrangement.spacedBy(24.dp),
) { ) {
AccountInfoCard( AccountInfoCard(
AccountInfoCardState( AccountInfoCardState(
@@ -93,30 +92,22 @@ private fun SignedOutContent(
mode = AccountInfoCardMode.Simple, mode = AccountInfoCardMode.Simple,
) )
) )
Box( VisualList(
modifier = Modifier.fillMaxSize(), items = persistentListOf(
contentAlignment = BiasAlignment( VisualListItemData(
horizontalBias = 0f, message = stringResource(id = R.string.screen_signed_out_reason_1),
verticalBias = -0.4f iconVector = CompoundIcons.UserProfile(),
)
) {
VisualList(
items = persistentListOf(
VisualListItemData(
message = stringResource(id = R.string.screen_signed_out_reason_1),
iconVector = CompoundIcons.UserProfile(),
),
VisualListItemData(
message = stringResource(id = R.string.screen_signed_out_reason_2),
iconVector = CompoundIcons.Lock(),
),
VisualListItemData(
message = stringResource(id = R.string.screen_signed_out_reason_3),
iconVector = CompoundIcons.Block(),
),
), ),
) VisualListItemData(
} message = stringResource(id = R.string.screen_signed_out_reason_2),
iconVector = CompoundIcons.Lock(),
),
VisualListItemData(
message = stringResource(id = R.string.screen_signed_out_reason_3),
iconVector = CompoundIcons.Block(),
),
),
)
} }
} }