From c96f934c2a5de2854b9143d72bc1965a487df1a0 Mon Sep 17 00:00:00 2001 From: Brandon McAnsh Date: Mon, 11 May 2026 14:28:38 -0400 Subject: [PATCH] fix(balance): add gradient background to pinned footer overlay The Discover Currencies button uses Filled10 (semi-transparent) styling, causing list items to be visible behind it when pinned. Add a gradient background that fades from transparent to the background color, masking the overlap. Signed-off-by: Brandon McAnsh --- .../com/flipcash/app/tokens/ui/TokenList.kt | 24 +++++++++++++++---- 1 file changed, 19 insertions(+), 5 deletions(-) diff --git a/apps/flipcash/shared/tokens/src/main/kotlin/com/flipcash/app/tokens/ui/TokenList.kt b/apps/flipcash/shared/tokens/src/main/kotlin/com/flipcash/app/tokens/ui/TokenList.kt index 3e3dfff3a..6203b9eb3 100644 --- a/apps/flipcash/shared/tokens/src/main/kotlin/com/flipcash/app/tokens/ui/TokenList.kt +++ b/apps/flipcash/shared/tokens/src/main/kotlin/com/flipcash/app/tokens/ui/TokenList.kt @@ -1,11 +1,9 @@ package com.flipcash.app.tokens.ui +import androidx.compose.foundation.background import androidx.compose.foundation.layout.Box -import androidx.compose.foundation.layout.PaddingValues -import androidx.compose.foundation.layout.WindowInsets -import androidx.compose.foundation.layout.asPaddingValues import androidx.compose.foundation.layout.fillMaxSize -import androidx.compose.foundation.layout.navigationBars +import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.padding import androidx.compose.foundation.lazy.LazyColumn import androidx.compose.foundation.lazy.LazyItemScope @@ -19,6 +17,8 @@ import androidx.compose.runtime.remember import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.draw.alpha +import androidx.compose.ui.graphics.Brush +import androidx.compose.ui.graphics.Color import com.flipcash.app.core.ui.TokenBalanceRow import com.getcode.opencode.model.financial.Fiat import com.getcode.opencode.model.financial.LocalFiat @@ -130,7 +130,21 @@ fun TokenList( // Pinned overlay — visible while footer list item is off-screen or partially visible if (footer != null && !footerSettled && pinFooter) { - Box(modifier = Modifier.align(Alignment.BottomCenter)) { + Box( + modifier = Modifier + .fillMaxWidth() + .align(Alignment.BottomCenter) + .background( + brush = Brush.verticalGradient( + colorStops = arrayOf( + 0f to Color.Transparent, + 0.3f to CodeTheme.colors.background, + 1f to CodeTheme.colors.background, + ) + ) + ) + .padding(top = CodeTheme.dimens.grid.x6) + ) { footer(true) } }