Flat, rounder things

Stephen Paul Weber created 2 years ago

Change summary

src/cheogram/res/values/styles.xml                |  2 
src/main/res/drawable/message_bubble_received.xml | 26 +---------------
src/main/res/drawable/message_bubble_sent.xml     | 26 +---------------
src/main/res/layout/message_received.xml          |  1 
src/main/res/layout/message_sent.xml              |  1 
src/main/res/values/dimens.xml                    |  1 
6 files changed, 8 insertions(+), 49 deletions(-)

Detailed changes

src/cheogram/res/values/styles.xml

@@ -2,7 +2,7 @@
 
 <style name="ShapeAppearanceOverlay.Photo" parent="ShapeAppearance.MaterialComponents.SmallComponent">
 	<item name="cornerFamily">rounded</item>
-	<item name="cornerSize">2dp</item>
+	<item name="cornerSize">@dimen/avatar_radius</item>
 </style>
 
 <style name="ShapeAppearanceOverlay.IncomingCall" parent="ShapeAppearance.MaterialComponents.SmallComponent">

src/main/res/drawable/message_bubble_received.xml

@@ -4,10 +4,10 @@
         <shape android:shape="rectangle">
             <corners
                 android:radius="0dp"
-                android:bottomLeftRadius="2dp"
-                android:bottomRightRadius="2dp"
+                android:bottomLeftRadius="16dp"
+                android:bottomRightRadius="16dp"
                 android:topLeftRadius="0dp"
-                android:topRightRadius="2dp" />
+                android:topRightRadius="16dp" />
             <padding
                 android:bottom="0dp"
                 android:left="5dp"
@@ -29,24 +29,4 @@
                 android:fillColor="?message_bubble_received_bg"/>
         </vector>
     </item>
-    <item android:gravity="top|left" android:top="-0.5dp" android:left="1dp" android:right="-2dp">
-        <shape android:shape="rectangle">
-            <corners
-                android:radius="0dp"
-                android:bottomLeftRadius="0dp"
-                android:bottomRightRadius="0dp"
-                android:topLeftRadius="0dp"
-                android:topRightRadius="2dp" />
-            <padding
-                android:bottom="0dp"
-                android:left="0dp"
-                android:right="0dp"
-                android:top="0dp" />
-            <size android:height="1dp" />
-            <gradient
-                android:startColor="?message_bubble_shadow_dark_top"
-                android:endColor="?message_bubble_shadow_light"
-                android:angle="90"/>
-        </shape>
-    </item>
 </layer-list>

src/main/res/drawable/message_bubble_sent.xml

@@ -4,10 +4,10 @@
         <shape android:shape="rectangle">
             <corners
                 android:radius="0dp"
-                android:bottomLeftRadius="2dp"
+                android:bottomLeftRadius="16dp"
                 android:bottomRightRadius="0dp"
-                android:topLeftRadius="2dp"
-                android:topRightRadius="2dp" />
+                android:topLeftRadius="16dp"
+                android:topRightRadius="16dp" />
             <padding
                 android:bottom="0dp"
                 android:left="5dp"
@@ -29,24 +29,4 @@
                 android:fillColor="?message_bubble_sent_bg"/>
         </vector>
     </item>
-    <item android:gravity="left|bottom" android:bottom="-0.5dp" android:left="-3dp" android:right="1dp">
-        <shape android:shape="rectangle">
-            <corners
-                android:radius="0dp"
-                android:bottomLeftRadius="2dp"
-                android:bottomRightRadius="0dp"
-                android:topLeftRadius="0dp"
-                android:topRightRadius="0dp" />
-            <padding
-                android:bottom="0dp"
-                android:left="0dp"
-                android:right="0dp"
-                android:top="0dp" />
-            <size android:height="2dp" />
-            <gradient
-                android:startColor="?message_bubble_shadow_light"
-                android:endColor="?message_bubble_shadow_dark"
-                android:angle="90"/>
-        </shape>
-    </item>
 </layer-list>

src/main/res/layout/message_received.xml

@@ -30,7 +30,6 @@
         android:paddingTop="5dp"
         android:paddingBottom="5dp"
         android:layout_toRightOf="@+id/message_photo"
-        android:elevation="3dp"
         android:background="?attr/message_bubble_received"
         android:longClickable="true"
         android:minHeight="53dp">

src/main/res/layout/message_sent.xml

@@ -31,7 +31,6 @@
         android:paddingTop="5dp"
         android:paddingBottom="5dp"
         android:layout_toLeftOf="@+id/message_photo"
-        android:elevation="3dp"
         android:background="@drawable/message_bubble_sent"
         android:longClickable="true"
         android:minHeight="53dp">

src/main/res/values/dimens.xml

@@ -25,6 +25,7 @@
     <dimen name="incoming_call_radius">48dp</dimen>
     <dimen name="avatar_on_status_message">32dp</dimen>
     <dimen name="avatar">48dp</dimen>
+    <dimen name="avatar_radius">10dp</dimen>
     <dimen name="avatar_on_details_screen_size">56dp</dimen>
     <dimen name="avatar_on_conversation_overview">56dp</dimen>