Add half a line of space between messages in Cozy Message Display mode

Ozasuke
  • Edited

I've been doing Shift+Enter to space apart paragraphs/messages so it's easier to read, but sometimes I find more to say after I've hit Enter. The result is my stack of messages looking like a wall of text in Cozy mode.

This is broken up in Compact mode to make it easier to see the separate messages (or paragraphs), but I don't want to see names prepended with each message:

Can there be at least a half-line of space between messages in Cozy mode when they would be group together like this?

Thanks :)

5

Comments

5 comments

Date Votes
  • DarkSwordsman
    • Edited

    Completely agree here. I have been having the same issue. I know that they used to have a specific amount of spacing between the messages at least a few months ago, but for some reason they got rid of it.

    For example, this looks like one message when, in fact, it's two messages:


    As a result, if I didn't say everything I wanted to in a single message, I would need to do something like this:


    Also, I reserve editing for spelling and grammar mistakes, or if I am able to edit it within 10 or so seconds, I will add a little bit.

    However, trying to edit a message that's a minute or two old when you're trying to have a conversation is completely useless. Sending a new message would show other users that you actually said something new. 

    Edit: For example, here's the difference I think I am seeing. On the right is how I thought it used to look like, and how I prefer it would look like (except the top margin on the first message):

    1
  • DarkSwordsman
    • Edited

    I decided to create a reddit post to try to raise some awareness on this. I also provided a suggestion that I'll also post here:

    Solution:

    Here we can see how the message bundling works. There is a top level `div` with `div` children in it.

    I suggest using something like `:not(:first-child)` as mentioned in this stackoverflow post.

    For example, apply this to either `containerCozyBounded-1rKFAn`, `containerCozy-jafyvG`, or `container-1YxwTf` (as seen on the parent div in the previous screenshot) like this:

    ```
    containerCozyBounded-1rKFAn div:not(:first-child) {
        margin-top: 5px;
    }
    ```

    As mentioned in the article, if the version of CSS that Discord uses in Electron doesn't have the latest features, this should suffice too:

    ```
    containerCozyBounded-1rKFAn div {
        margin-top: 5px;
    }

    containerCozyBounded-1rKFAn div:first-child {
        margin-top: 0px;
    }
    ```

    3
  • Cleptomanx

    I was actually getting quite frustrated over this issue myself until I recently found a way around it.  I discovered that if I use the highlight command of 2 asterisks ** I was able to create a blank line that remained when making the post.

    The important part though is to complete the command meaning you have to do the first 2 asterisks ** then leave a blank space and 2 more asterisks ** (to finish the command) 

    An example would be:

    ** **
    Tell us all about your thoughts on La Calavera Catrina.
    What do you love or hate about her?
    What alignment do you use the most?
    What strategies work best for her in the ring?
    Is she more of a PvE titan? (Player vs Environment... so playing against the bots) or do you love throwing her at other...

    ----------

    In the example above the "** **" line remains as an empty space between the post before this one so they don't run into each other and I don't have to leave any annoying placeholders like a period or an emoji or whatever to make the break I needed between posts so they don't all just look like one run-on.

    Anyway, try it out as I've found this to be my reliable workaround for this problem.  :)

     

    5
  • regalfx

    Just press/  Shift>Enter

     

    hold shit and then tap enter.

     

    -1
  • Ozasuke

    Well, yes, but that’s not the issue. It’s when you send a follow up message that causes it to look attached to the last paragraph you wrote. For example:

    This is the first paragraph of the first post.

    This is the second paragraph of the first post.
    This is the first paragraph of the second post.

    This is the second paragraph of the second post.

    0

Please sign in to leave a comment.