Signal-Android/app/src/main/res/layout/conversation_item_sent_multimedia.xml

<?xml version="1.0" encoding="utf-8"?>
<org.thoughtcrime.securesms.conversation.ConversationItem xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/conversation_item"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:clipChildren="false"
    android:clipToPadding="false"
    android:focusable="true"
    android:nextFocusLeft="@id/container"
    android:nextFocusRight="@id/embedded_text_editor"
    android:orientation="horizontal"
    android:paddingEnd="@dimen/conversation_individual_right_gutter">

    <FrameLayout
        android:id="@+id/reply_icon_wrapper"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignStart="@id/body_bubble"
        android:layout_alignTop="@id/body_bubble"
        android:layout_alignBottom="@id/body_bubble"
        android:alpha="0">

        <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/reply_icon"
            android:layout_width="@dimen/conversation_item_reply_size"
            android:layout_height="@dimen/conversation_item_reply_size"
            android:layout_gravity="center"
            android:padding="9dp"
            android:tint="@color/signal_icon_tint_primary"
            app:srcCompat="@drawable/ic_reply_24" />

    </FrameLayout>

    <org.thoughtcrime.securesms.conversation.ConversationItemBodyBubble
        android:id="@+id/body_bubble"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignWithParentIfMissing="true"
        android:layout_marginStart="@dimen/message_bubble_edge_margin"
        android:layout_toStartOf="@+id/indicators_parent"
        android:background="@color/white"
        android:clipChildren="false"
        android:clipToPadding="false"
        android:orientation="vertical"
        tools:background="@drawable/message_bubble_background_received_alone"
        tools:backgroundTint="@color/conversation_blue">

        <LinearLayout
            android:id="@+id/story_reacted_label_holder"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="7dp"
            android:layout_marginBottom="-3dp"
            android:orientation="horizontal"
            android:paddingStart="@dimen/message_bubble_horizontal_padding"
            android:paddingEnd="@dimen/message_bubble_horizontal_padding"
            android:visibility="gone"
            tools:visibility="visible">

            <org.thoughtcrime.securesms.components.emoji.EmojiTextView
                android:id="@+id/story_reacted_label"
                style="@style/TextAppearance.Signal.Subtitle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginEnd="4sp"
                android:ellipsize="end"
                android:maxLines="1"
                android:textColor="@color/signal_text_secondary"
                tools:text="Reacted to your story" />

        </LinearLayout>

        <org.thoughtcrime.securesms.components.QuoteView
            android:id="@+id/quote_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="6dp"
            android:layout_marginTop="@dimen/message_bubble_top_padding"
            android:layout_marginEnd="6dp"
            android:visibility="gone"
            app:message_type="outgoing"
            app:quote_colorPrimary="@color/conversation_item_quote_text_color_sent"
            app:quote_colorSecondary="@color/conversation_item_quote_text_color_sent"
            tools:background="@color/transparent_white_10"
            tools:visibility="visible" />

        <ViewStub
            android:id="@+id/shared_contact_view_stub"
            android:layout_width="@dimen/media_bubble_default_dimens"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/message_bubble_top_padding"
            android:layout="@layout/conversation_item_sent_shared_contact"
            android:visibility="gone" />

        <ViewStub
            android:id="@+id/image_view_stub"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout="@layout/conversation_item_sent_thumbnail" />

        <ViewStub
            android:id="@+id/sticker_view_stub"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout="@layout/conversation_item_sent_sticker" />

        <ViewStub
            android:id="@+id/link_preview_stub"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout="@layout/conversation_item_sent_link_preview" />

        <ViewStub
            android:id="@+id/audio_view_stub"
            android:layout_width="@dimen/message_audio_width"
            android:layout_height="wrap_content"
            android:layout_marginStart="@dimen/message_bubble_horizontal_padding"
            android:layout_marginTop="@dimen/message_bubble_top_padding_audio"
            android:layout_marginEnd="@dimen/message_bubble_horizontal_padding"
            android:layout_marginBottom="@dimen/message_bubble_bottom_padding"
            android:layout="@layout/conversation_item_sent_audio" />

        <ViewStub
            android:id="@+id/document_view_stub"
            android:layout_width="210dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="@dimen/message_bubble_horizontal_padding"
            android:layout_marginTop="@dimen/message_bubble_top_padding"
            android:layout_marginEnd="@dimen/message_bubble_horizontal_padding"
            android:layout_marginBottom="@dimen/message_bubble_bottom_padding"
            android:layout="@layout/conversation_item_sent_document" />

        <ViewStub
            android:id="@+id/gift_view_stub"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout="@layout/conversation_item_sent_gift" />

        <ViewStub
            android:id="@+id/revealable_view_stub"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="@dimen/message_bubble_horizontal_padding"
            android:layout_marginTop="@dimen/message_bubble_top_padding"
            android:layout_marginEnd="@dimen/message_bubble_horizontal_padding"
            android:layout_marginBottom="@dimen/message_bubble_bottom_padding"
            android:layout="@layout/conversation_item_sent_revealable" />

        <org.thoughtcrime.securesms.components.emoji.EmojiTextView
            android:id="@+id/conversation_item_body"
            style="@style/Signal.Text.Body"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="@dimen/message_bubble_horizontal_padding"
            android:layout_marginTop="@dimen/message_bubble_top_padding"
            android:layout_marginEnd="@dimen/message_bubble_horizontal_padding"
            android:layout_marginBottom="@dimen/message_bubble_bottom_padding"
            android:textColor="@color/conversation_item_sent_text_primary_color"
            android:textColorLink="@color/conversation_item_sent_text_primary_color"
            app:emoji_maxLength="1000"
            app:measureLastLine="true"
            app:scaleEmojis="true"
            tools:text="Mango pickle lorem ipsum" />

        <org.thoughtcrime.securesms.components.ConversationItemFooter
            android:id="@+id/conversation_item_footer"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="end"
            android:layout_marginStart="@dimen/message_bubble_horizontal_padding"
            android:layout_marginTop="-5dp"
            android:layout_marginEnd="@dimen/message_bubble_horizontal_padding"
            android:layout_marginBottom="@dimen/message_bubble_bottom_padding"
            android:clipChildren="false"
            android:clipToPadding="false"
            app:footer_icon_color="@color/signal_icon_tint_secondary"
            app:footer_mode="outgoing"
            app:footer_reveal_dot_color="@color/signal_icon_tint_secondary"
            app:footer_text_color="@color/signal_text_secondary" />

        <org.thoughtcrime.securesms.components.ConversationItemFooter
            android:id="@+id/conversation_item_sticker_footer"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="end"
            android:layout_marginTop="2dp"
            android:clipChildren="false"
            android:clipToPadding="false"
            android:paddingStart="@dimen/message_bubble_horizontal_padding"
            android:paddingTop="3dp"
            android:paddingEnd="@dimen/message_bubble_horizontal_padding"
            android:paddingBottom="3dp"
            android:visibility="gone"
            app:footer_icon_color="@color/signal_icon_tint_secondary"
            app:footer_mode="outgoing"
            app:footer_reveal_dot_color="@color/signal_icon_tint_secondary"
            app:footer_text_color="@color/signal_text_secondary" />

    </org.thoughtcrime.securesms.conversation.ConversationItemBodyBubble>

    <org.thoughtcrime.securesms.components.AlertView
        android:id="@+id/indicators_parent"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@id/body_bubble"
        android:layout_alignParentEnd="true"
        android:layout_marginStart="8dp"
        android:orientation="vertical"
        android:padding="8dp" />

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignStart="@id/body_bubble"
        android:layout_alignTop="@id/body_bubble"
        android:layout_alignBottom="@id/body_bubble"
        android:layout_marginStart="-42dp" >

        <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/quoted_indicator"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_gravity="center_vertical"
            android:background="@drawable/circle_tintable"
            android:backgroundTint="@color/signal_colorSurfaceVariant"
            android:padding="6dp"
            android:tint="@color/signal_colorOnSurfaceVariant"
            app:srcCompat="@drawable/ic_replies_outline_20" />

    </FrameLayout>

    <org.thoughtcrime.securesms.reactions.ReactionsConversationView
        android:id="@+id/reactions_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/body_bubble"
        android:layout_alignEnd="@id/body_bubble"
        android:layout_marginTop="-4dp"
        android:orientation="horizontal"
        app:rcv_outgoing="true" />

</org.thoughtcrime.securesms.conversation.ConversationItem>