fix(maps/list): dont crop FAB shadow when animating

aliernfrog · Jan 25, 2024 · e42da1b · e42da1b
1 parent 075bbf7
commit e42da1b
Showing 1 changed file with 23 additions and 15 deletions.
diff --git a/app/src/main/java/com/aliernfrog/lactool/ui/screen/maps/MapsListScreen.kt b/app/src/main/java/com/aliernfrog/lactool/ui/screen/maps/MapsListScreen.kt
@@ -181,23 +181,31 @@ fun MapsListScreen(
         floatingActionButton = {
             AnimatedContent(
                 targetState = !isMultiSelecting,
-                modifier = Modifier.navigationBarsPadding()
+                modifier = Modifier
+                    .navigationBarsPadding()
+                    // since we are adding 16.dp padding below, add offset to bring it back to where its supposed to be
+                    .offset(x = 16.dp, y = 16.dp)
             ) { showStorage ->
-                if (showStorage) ExtendedFloatingActionButton(
-                    shape = RoundedCornerShape(16.dp),
-                    onClick = {
-                        val intent = Intent(Intent.ACTION_GET_CONTENT).setType("text/plain")
-                        launcher.launch(intent)
-                    }
+                Box(
+                    // padding so that FAB shadow doesnt get cropped
+                    modifier = Modifier.padding(16.dp)
                 ) {
-                    Icon(
-                        imageVector = Icons.Outlined.SdCard,
-                        contentDescription = null,
-                        modifier = Modifier.padding(end = 8.dp)
-                    )
-                    Text(stringResource(R.string.mapsList_storage))
-                } else multiSelectFloatingActionButton(mapsListViewModel.selectedMaps) {
-                    mapsListViewModel.selectedMaps.clear()
+                    if (showStorage) ExtendedFloatingActionButton(
+                        shape = RoundedCornerShape(16.dp),
+                        onClick = {
+                            val intent = Intent(Intent.ACTION_GET_CONTENT).setType("text/plain")
+                            launcher.launch(intent)
+                        }
+                    ) {
+                        Icon(
+                            imageVector = Icons.Outlined.SdCard,
+                            contentDescription = null,
+                            modifier = Modifier.padding(end = 8.dp)
+                        )
+                        Text(stringResource(R.string.mapsList_storage))
+                    } else multiSelectFloatingActionButton(mapsListViewModel.selectedMaps) {
+                        mapsListViewModel.selectedMaps.clear()
+                    }
                 }
             }
         }