Merge pull request #2364 from nextcloud/enhancement/2362/improveChatBubbles

Improve chat bubble sizes

app/src/main/java/com/nextcloud/talk/adapters/messages/Reaction.kt

@@ -24,6 +24,7 @@
 package com.nextcloud.talk.adapters.messages
 
 import android.content.Context
+import android.view.View
 import android.view.ViewGroup
 import android.widget.LinearLayout
 import android.widget.TextView
@@ -87,6 +88,8 @@ class Reaction {
                     break
                 }
             }
+        } else {
+            binding.reactionsEmojiWrapper.visibility = View.GONE
         }
     }
 

app/src/main/res/drawable/shape_incoming_message.xml

@@ -23,7 +23,7 @@
        android:shape="rectangle">
 
     <corners
-        android:topLeftRadius="0dp"
+        android:topLeftRadius="2dp"
         android:bottomRightRadius="@dimen/message_bubble_corners_radius"
         android:bottomLeftRadius="@dimen/message_bubble_corners_radius"
         android:topRightRadius="@dimen/message_bubble_corners_radius" />

app/src/main/res/drawable/shape_outcoming_message.xml

@@ -24,7 +24,7 @@
 
     <corners
         android:bottomLeftRadius="@dimen/message_bubble_corners_radius"
-        android:topRightRadius="0dp"
+        android:topRightRadius="2dp"
         android:topLeftRadius="@dimen/message_bubble_corners_radius"
         android:bottomRightRadius="@dimen/message_bubble_corners_radius" />
 

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

@@ -64,10 +64,10 @@
             android:paddingBottom="0dp"
             android:visibility="gone"
             app:dateHeaderTextSize="13sp"
-            app:incomingBubblePaddingBottom="@dimen/message_bubble_corners_padding"
-            app:incomingBubblePaddingLeft="@dimen/message_bubble_corners_padding"
-            app:incomingBubblePaddingRight="@dimen/message_bubble_corners_padding"
-            app:incomingBubblePaddingTop="@dimen/message_bubble_corners_padding"
+            app:incomingBubblePaddingBottom="@dimen/message_bubble_corners_vertical_padding"
+            app:incomingBubblePaddingLeft="@dimen/message_bubble_corners_horizontal_padding"
+            app:incomingBubblePaddingRight="@dimen/message_bubble_corners_horizontal_padding"
+            app:incomingBubblePaddingTop="@dimen/message_bubble_corners_vertical_padding"
             app:incomingDefaultBubbleColor="@color/bg_message_list_incoming_bubble"
             app:incomingDefaultBubblePressedColor="@color/bg_message_list_incoming_bubble"
             app:incomingDefaultBubbleSelectedColor="@color/transparent"
@@ -77,10 +77,10 @@
             app:incomingTimeTextColor="@color/no_emphasis_text"
             app:incomingTextSize="@dimen/chat_text_size"
             app:incomingTimeTextSize="12sp"
-            app:outcomingBubblePaddingBottom="@dimen/message_bubble_corners_padding"
-            app:outcomingBubblePaddingLeft="@dimen/message_bubble_corners_padding"
-            app:outcomingBubblePaddingRight="@dimen/message_bubble_corners_padding"
-            app:outcomingBubblePaddingTop="@dimen/message_bubble_corners_padding"
+            app:outcomingBubblePaddingBottom="@dimen/message_bubble_corners_vertical_padding"
+            app:outcomingBubblePaddingLeft="@dimen/message_bubble_corners_horizontal_padding"
+            app:outcomingBubblePaddingRight="@dimen/message_bubble_corners_horizontal_padding"
+            app:outcomingBubblePaddingTop="@dimen/message_bubble_corners_vertical_padding"
             app:outcomingDefaultBubbleColor="@color/colorPrimary"
             app:outcomingDefaultBubblePressedColor="@color/colorPrimary"
             app:outcomingDefaultBubbleSelectedColor="@color/transparent"

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

@@ -78,7 +78,7 @@
         <ImageView
             android:id="@+id/checkMark"
             android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
+            android:layout_height="@dimen/message_bubble_checkmark_height"
             android:layout_below="@id/messageTime"
             android:layout_marginStart="8dp"
             android:contentDescription="@null"

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

@@ -90,7 +90,7 @@
         <ImageView
             android:id="@+id/checkMark"
             android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
+            android:layout_height="@dimen/message_bubble_checkmark_height"
             android:layout_below="@id/messageTime"
             android:layout_marginStart="8dp"
             android:contentDescription="@null"

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

@@ -75,7 +75,7 @@
         <ImageView
             android:id="@+id/checkMark"
             android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
+            android:layout_height="@dimen/message_bubble_checkmark_height"
             android:layout_below="@id/messageTime"
             android:layout_marginStart="8dp"
             android:contentDescription="@null"

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

@@ -100,7 +100,7 @@
         <ImageView
             android:id="@+id/checkMark"
             android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
+            android:layout_height="@dimen/message_bubble_checkmark_height"
             android:layout_below="@id/messageTime"
             android:layout_marginStart="8dp"
             android:contentDescription="@null"

app/src/main/res/values/dimens.xml

@@ -37,8 +37,10 @@
     <dimen name="avatar_size_big">96dp</dimen>
 
     <dimen name="chat_text_size">14sp</dimen>
-    <dimen name="message_bubble_corners_radius">@dimen/dialogBorderRadius</dimen>
-    <dimen name="message_bubble_corners_padding">16dp</dimen>
+    <dimen name="message_bubble_corners_radius">20dp</dimen>
+    <dimen name="message_bubble_corners_horizontal_padding">16dp</dimen>
+    <dimen name="message_bubble_corners_vertical_padding">12dp</dimen>
+    <dimen name="message_bubble_checkmark_height">18dp</dimen>
 
     <dimen name="geocoding_result_text_size">18sp</dimen>