Smaller, more consistent bubble tails

Stephen Paul Weber created 2 years ago

Change summary

src/main/res/drawable/message_bubble_received.xml | 4 ++--
src/main/res/drawable/message_bubble_sent.xml     | 4 ++--
src/main/res/layout/message_received.xml          | 4 ++--
src/main/res/layout/message_sent.xml              | 2 +-
4 files changed, 7 insertions(+), 7 deletions(-)

Detailed changes

src/main/res/drawable/message_bubble_received.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:left="15dp" android:top="1dp">
+    <item android:left="7dp" android:top="0dp">
         <shape android:shape="rectangle">
             <corners
                 android:radius="0dp"
@@ -17,7 +17,7 @@
             <solid android:color="?message_bubble_received_bg" />
         </shape>
     </item>
-    <item android:bottom="2dp" android:gravity="top|left" android:width="10dp" android:height="10dp" android:top="1dp">
+    <item android:left="-5dp" android:gravity="top|left" android:width="7dp" android:height="7dp" android:top="0dp">
         <vector
            android:width="24dp"
            android:height="24dp"

src/main/res/drawable/message_bubble_sent.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:right="15dp" android:bottom="2dp">
+    <item android:right="7dp" android:bottom="0dp">
         <shape android:shape="rectangle">
             <corners
                 android:radius="0dp"
@@ -17,7 +17,7 @@
             <solid android:color="?message_bubble_sent_bg" />
         </shape>
     </item>
-    <item android:bottom="2dp" android:gravity="bottom|right" android:width="10dp" android:height="10dp">
+    <item android:bottom="0dp" android:right="-5dp" android:gravity="bottom|right" android:width="7dp" android:height="7dp">
         <vector
            android:width="24dp"
            android:height="24dp"

src/main/res/layout/message_received.xml

@@ -25,9 +25,9 @@
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_alignParentBottom="true"
-        android:layout_marginLeft="5dp"
+        android:layout_marginLeft="0dp"
         android:paddingTop="5dp"
-        android:paddingLeft="20dp"
+        android:paddingLeft="12dp"
         android:paddingBottom="5dp"
         android:layout_toRightOf="@+id/message_photo"
         android:background="?attr/message_bubble_received"

src/main/res/layout/message_sent.xml

@@ -28,7 +28,7 @@
         android:layout_alignParentBottom="true"
         android:layout_marginRight="0dp"
         android:paddingTop="5dp"
-        android:paddingRight="20dp"
+        android:paddingRight="12dp"
         android:paddingBottom="5dp"
         android:layout_toLeftOf="@+id/message_photo"
         android:background="@drawable/message_bubble_sent"