From 2b215059cc1d11ca3096faeb93c4b6bb5fd37e58 Mon Sep 17 00:00:00 2001
From: Philipp Heckel <pheckel@datto.com>
Date: Fri, 25 Nov 2022 13:05:17 -0500
Subject: [PATCH] CardView

---
 app/src/main/res/layout/activity_detail.xml | 31 +++++++++++----------
 app/src/main/res/values/colors.xml          |  1 +
 app/src/main/res/values/styles.xml          |  2 +-
 3 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/app/src/main/res/layout/activity_detail.xml b/app/src/main/res/layout/activity_detail.xml
index 8af1dfa..deee588 100644
--- a/app/src/main/res/layout/activity_detail.xml
+++ b/app/src/main/res/layout/activity_detail.xml
@@ -79,7 +79,7 @@
     </androidx.constraintlayout.widget.ConstraintLayout>
     <androidx.constraintlayout.widget.ConstraintLayout
             style="@style/MessageBarBackground"
-            android:layout_height="66dp"
+            android:layout_height="64dp"
             android:layout_width="match_parent"
             android:id="@+id/detail_message_bar"
             app:layout_constraintStart_toStartOf="parent"
@@ -90,36 +90,37 @@
             app:layout_constraintVertical_bias="1.0"
             android:elevation="10dp"
     >
-        <com.google.android.material.textfield.TextInputLayout
-                style="@style/MessageInputLayout"
+        <androidx.cardview.widget.CardView
+                style="@style/CardView"
                 android:id="@+id/detail_message_box_layout"
                 android:layout_width="0dp"
-                android:layout_height="48dp"
-                app:boxStrokeWidthFocused="0dp"
-                app:boxStrokeWidth="0dp"
-                app:boxBackgroundMode="none"
-                app:hintEnabled="false"
-                android:elevation="8dp"
+                android:layout_height="52dp"
+                android:layout_marginStart="7dp"
+                android:layout_marginEnd="5dp"
+                android:padding="7dp"
                 app:layout_constraintStart_toStartOf="parent"
                 app:layout_constraintTop_toTopOf="parent"
                 app:layout_constraintBottom_toBottomOf="parent"
                 app:layout_constraintEnd_toStartOf="@id/detail_message_send_button"
-                android:layout_marginStart="7dp"
-                android:layout_marginBottom="3dp"
-                android:layout_marginEnd="5dp"
-                android:layout_marginTop="3dp">
+                android:outlineAmbientShadowColor="@color/gray_600"
+                android:outlineSpotShadowColor="@color/gray_600"
+                app:cardCornerRadius="5dp"
+                app:cardElevation="1dp"
+                app:cardMaxElevation="1dp"
+                app:cardPreventCornerOverlap="true"
+                app:cardUseCompatPadding="true">
             <com.google.android.material.textfield.TextInputEditText
                     android:id="@+id/detail_message_box"
                     android:layout_width="match_parent"
                     android:layout_height="match_parent"
                     android:inputType="text"
                     style="@style/MessageInputText"
-                    android:padding="5dp"
+                    android:padding="8dp"
                     android:background="@drawable/ic_edittext_background"
                     android:hint="@string/detail_message_bar_hint"
             />
 
-        </com.google.android.material.textfield.TextInputLayout>
+        </androidx.cardview.widget.CardView>
         <com.google.android.material.button.MaterialButton
                 style="@style/Widget.MaterialComponents.Button.Icon"
                 android:id="@+id/detail_message_send_button"
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index 00ae975..9be752b 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -4,6 +4,7 @@
     <color name="black_900">#121212</color> <!-- Main dark mode surface color, as per style guide -->
     <color name="black_800b">#1b2023</color> <!-- Action bar & item selection (dark mode); this has a touch of blue! -->
     <color name="black_700b">#282F33</color> <!-- Card selection (dark mode); this has a touch of blue! -->
+    <color name="gray_600">#aaaaaa</color> <!-- Message box drop shadow (light mode) -->
     <color name="gray_500">#dddddd</color> <!-- Card selection (light mode) -->
     <color name="gray_400">#eeeeee</color> <!-- Item selection (light mode) -->
     <color name="white">#ffffffff</color>
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index 570acc8..d4539ba 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -40,6 +40,6 @@
     </style>
 
     <style name="MessageInputText" parent="Widget.AppCompat.EditText">
-        <item name="android:textSize">18sp</item>
+        <item name="android:textSize">16sp</item>
     </style>
 </resources>