Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit 3f31c5f4 authored by Helen Qin's avatar Helen Qin
Browse files

[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
parent 81189bff
Loading
Loading
Loading
Loading
+20 −14
Original line number Diff line number Diff line
@@ -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.