[CredManUi] Updated paddings within an entry.

The horizontal elements padding should be 16dp. However, didn't realize
that the SuggestionChip element by default applies 8dp elements paddind
horizontally already. Hence we should only apply 8dp horizontal padding
ourselves.

Bug: 271168052
Test: manual (see bug for screenshot)
Change-Id: I5959a4a113df13e6e1eabb560d17a3745b40b42f
This commit is contained in:
Helen Qin
2023-03-02 03:28:24 +00:00
parent 81189bff86
commit 3f31c5f4bf

View File

@@ -74,6 +74,12 @@ fun Entry(
/** If true, draws a trailing lock icon. */
isLockedAuthEntry: Boolean = false,
) {
val iconPadding = Modifier.wrapContentSize().padding(
// Horizontal padding should be 16dp, but the suggestion chip itself
// has 8dp horizontal elements padding
start = 8.dp, top = 16.dp, bottom = 16.dp
)
val iconSize = Modifier.size(24.dp)
SuggestionChip(
modifier = modifier.fillMaxWidth().wrapContentHeight(),
onClick = onClick,
@@ -81,7 +87,11 @@ fun Entry(
label = {
Row(
horizontalArrangement = Arrangement.SpaceBetween,
modifier = Modifier.fillMaxWidth().padding(all = 16.dp),
modifier = Modifier.fillMaxWidth().padding(
// Total end padding should be 16dp, but the suggestion chip itself
// has 8dp horizontal elements padding
horizontal = 8.dp, vertical = 16.dp,
),
verticalAlignment = Alignment.CenterVertically,
) {
Column(modifier = Modifier.wrapContentSize()) {
@@ -121,7 +131,7 @@ fun Entry(
}
}
if (isLockedAuthEntry) {
Box(modifier = Modifier.wrapContentSize().padding(end = 16.dp)) {
Box(modifier = Modifier.wrapContentSize()) {
Icon(
imageVector = Icons.Outlined.Lock,
// Decorative purpose only.
@@ -137,10 +147,9 @@ fun Entry(
if (iconImageBitmap != null) {
if (shouldApplyIconImageBitmapTint) {
{
Box(modifier = Modifier.wrapContentSize()
.padding(start = 16.dp, top = 16.dp, bottom = 16.dp)) {
Box(modifier = iconPadding) {
Icon(
modifier = Modifier.size(24.dp),
modifier = iconSize,
bitmap = iconImageBitmap,
tint = MaterialTheme.colorScheme.onSurfaceVariant,
// Decorative purpose only.
@@ -150,10 +159,9 @@ fun Entry(
}
} else {
{
Box(modifier = Modifier.wrapContentSize()
.padding(start = 16.dp, top = 16.dp, bottom = 16.dp)) {
Box(modifier = iconPadding) {
Image(
modifier = Modifier.size(24.dp),
modifier = iconSize,
bitmap = iconImageBitmap,
// Decorative purpose only.
contentDescription = null,
@@ -163,10 +171,9 @@ fun Entry(
}
} else if (iconImageVector != null) {
{
Box(modifier = Modifier.wrapContentSize()
.padding(start = 16.dp, top = 16.dp, bottom = 16.dp)) {
Box(modifier = iconPadding) {
Icon(
modifier = Modifier.size(24.dp),
modifier = iconSize,
imageVector = iconImageVector,
tint = MaterialTheme.colorScheme.onSurfaceVariant,
// Decorative purpose only.
@@ -176,10 +183,9 @@ fun Entry(
}
} else if (iconPainter != null) {
{
Box(modifier = Modifier.wrapContentSize()
.padding(start = 16.dp, top = 16.dp, bottom = 16.dp)) {
Box(modifier = iconPadding) {
Icon(
modifier = Modifier.size(24.dp),
modifier = iconSize,
painter = iconPainter,
tint = MaterialTheme.colorScheme.onSurfaceVariant,
// Decorative purpose only.