Skip to content

[Feature Request] You're right, chat cloud styling #46

Description

@HighPriest

Is your feature request related to a problem? Please describe.
The message size is complicated, making text & content wrap in odd places.
Plus, these changes make the UI look more like the Facebook chat clouds

Describe the solution you'd like
Swap the CSS a little:

.CPnQ-q_youreRightItem [id^="message-content-"] {
    text-align: right;
-   max-width: 60%;
+   padding-left: 0;
}

+yourRightItem
.wrapper.cozy, .wrapper.compact {
     padding: var(--message-padding-top) var(--message-padding-side) !important; 
     padding-right: 8px !important;
     border: 2px solid transparent;
+    max-width: 60%;
+    width: fit-content;
}

Describe alternatives you've considered
🤷‍♂️

Additional context
Before:
Image

After:
Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions