Better mini fabs on upper cards

Author: m-i-n-a-r

app/src/main/res/layout/fragment_favorites.xml

@@ -6,24 +6,6 @@
     android:layout_height="match_parent"
     app:layoutDescription="@xml/fragment_favorites_scene">
 
-    <com.google.android.material.floatingactionbutton.FloatingActionButton
-        android:id="@+id/favoritesMiniFab"
-        style="?attr/floatingActionButtonSmallStyle"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:alpha="@dimen/mini_fab_opacity"
-        android:contentDescription="@string/cancel"
-        android:hapticFeedbackEnabled="false"
-        app:backgroundTint="?attr/colorOnSurface"
-        app:elevation="@dimen/bottom_navbar_elevation"
-        app:layout_constraintBottom_toTopOf="@id/favoritesCard"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="@id/favoritesCard"
-        app:rippleColor="?attr/colorPrimary"
-        app:srcCompat="@drawable/ic_arrow_up_24dp"
-        app:tint="?attr/colorPrimary" />
-
     <com.google.android.material.card.MaterialCardView
         android:id="@+id/favoritesCard"
         android:layout_width="0dp"
@@ -462,4 +444,22 @@
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toBottomOf="@id/favoritesCard" />
 
+    <Button
+        android:id="@+id/favoritesMiniFab"
+        style="@style/Widget.Material3Expressive.Button.IconButton.Outlined"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:hapticFeedbackEnabled="false"
+        app:backgroundTint="?attr/colorSurface"
+        app:elevation="@dimen/bottom_navbar_elevation"
+        app:icon="@drawable/ic_arrow_up_24dp"
+        app:iconTint="?attr/colorPrimary"
+        app:layout_constraintBottom_toTopOf="@id/favoritesCard"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="@id/favoritesCard"
+        app:rippleColor="?attr/colorSecondary"
+        app:strokeColor="?attr/colorOutline"
+        app:strokeWidth="@dimen/card_stroke" />
+
 </androidx.constraintlayout.motion.widget.MotionLayout>

app/src/main/res/layout/fragment_home.xml

@@ -13,25 +13,6 @@
         android:layout_width="match_parent"
         android:layout_height="match_parent" />
 
-    <com.google.android.material.floatingactionbutton.FloatingActionButton
-        android:id="@+id/homeMiniFab"
-        style="?attr/floatingActionButtonSmallStyle"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:alpha="@dimen/mini_fab_opacity"
-        android:contentDescription="@string/cancel"
-        android:hapticFeedbackEnabled="false"
-        android:padding="@dimen/between_row_padding"
-        app:backgroundTint="?attr/colorOnSurface"
-        app:elevation="@dimen/bottom_navbar_elevation"
-        app:layout_constraintBottom_toTopOf="@id/homeCard"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="@id/homeCard"
-        app:rippleColor="?attr/colorPrimary"
-        app:srcCompat="@drawable/ic_arrow_up_24dp"
-        app:tint="?attr/colorPrimary" />
-
     <com.google.android.material.card.MaterialCardView
         android:id="@+id/homeCard"
         android:layout_width="0dp"
@@ -294,4 +275,23 @@
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toBottomOf="@id/homeCard" />
 
+    <Button
+        android:id="@+id/homeMiniFab"
+        style="@style/Widget.Material3Expressive.Button.IconButton.Outlined"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:hapticFeedbackEnabled="false"
+        app:backgroundTint="?attr/colorSurface"
+        app:elevation="@dimen/bottom_navbar_elevation"
+        app:icon="@drawable/ic_arrow_up_24dp"
+        app:iconTint="?attr/colorPrimary"
+        app:layout_constraintBottom_toTopOf="@id/homeCard"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="@id/homeCard"
+        app:rippleColor="?attr/colorSecondary"
+        app:strokeColor="?attr/colorOutline"
+        app:strokeWidth="@dimen/card_stroke" />
+
+
 </androidx.constraintlayout.motion.widget.MotionLayout>