DiscordStyles / Fluent

Brings the look of Windows 11 to Discord.
MIT License
271 stars 45 forks source link

Mini Question #96

Open vanja-san opened 1 year ago

vanja-san commented 1 year ago

Is that possible? Only I haven't figured out what to do with a multi-line message. Maybe something will interest you, but it's not certain.

Screenshots ![изображение](https://github.com/DiscordStyles/Fluent/assets/7201687/1499aee2-657b-4453-b799-4622e562f0e9) ![изображение](https://github.com/DiscordStyles/Fluent/assets/7201687/b7caa90b-aeed-4d1b-ae70-be9cfe64c589)
Gibbu commented 1 year ago

I really really like that chatbox design. Was never really happy with the current one. I might actually yoink that and add it in a optional import or even straight to the theme.

Did you make these designs or yoinked them yourself?

Gibbu commented 1 year ago

Getting pretty close image

vanja-san commented 1 year ago

@Gibbu Did it myself in Figma. An idea came up and I decided to sketch it out. So if you're interested in something, feel free to take it. 😌👍 How will the chatbox function with multi-line messages, have you thought this through?

And I think this arrangement is more interesting: изображение

Gibbu commented 1 year ago

Multiline messages are handled. I did have an effect in mind where the bottom bar would overlap both the channels and messages. So you were able to see the channels and messages behind it inbetween the bottom gaps.

But if the textbox had more than 1 line it'd cover the chat messages.

image

And I'm still tinkering around with the layout of things.

vanja-san commented 1 year ago

@Gibbu By the way, how will this panel look on the Friends page? Where is the list of friends. How many problematic points. It takes a lot of thinking. 🥲

Gibbu commented 1 year ago

It's a little weird, but I've got 2 ideas. The first didn't really look nice.

  1. Make the user area "float" so it's not attached to the main content area.

    But that made it move weirdly and didn't look nice.

  2. Move the search bar down and make a psuedo bar for it to be placed on.

    Probably the best option. But that'll not fix it for other pages such as the Nitro pages (which I don't care about)

This is what I've currently got:

image
vanja-san commented 1 year ago

@Gibbu Is it possible to change the style only for a certain page? Take the Stylus for Browser extension as an example, where you can make styles separately for each link.

If you can change just the Friends page, you can do this: изображение

Gibbu commented 1 year ago

That's what I said in the 1st point. It didn't really work well. The container would move around the place and look weird.

vanja-san commented 1 year ago

@Gibbu that if (search friends): изображение

Gibbu commented 1 year ago

Yeah, that's probably the best solution and looks quite nice imo

vanja-san commented 1 year ago

@Gibbu will it be possible to implement the change of the right side (from the message to the search and back)? I mean, won't there be any problems with it?

What if we make the chatbox static without resizing even in multi-line messages?
Well, that is the last resort.
Gibbu commented 1 year ago

It should be fine since the chatbox is not rendered while not in a page that isn't a chatbox.

Gibbu commented 1 year ago

I've pushed what changes I've go so far to the theme

vanja-san commented 1 year ago

@Gibbu What does the final result look like? Does it take time to update? I just have version 1.0.10 all the time. изображение

Gibbu commented 1 year ago

The base file doesn't change. Just re-enable your theme for it to auto download the base css

vanja-san commented 1 year ago

@Gibbu If the list of friends is empty (Online, All and etc.), it displays as follows: изображение maybe move the top tabs (Online, All, Banned, etc.) there instead of searching.

изображение

Then it won't disappear either. Style tabs

изображение

xsm2 commented 1 year ago

There are 2 bugs when playing games, the first one is that the activity (playing game) appears under the profile, the second one is a bug with discord game invitations

imagen

imagen