search

NukeRusich / Narodi-Issue-Tracker

Submit issues for Ekunia Narodi; initial import of NodeBB issues.
http://ekunia.com
0 stars 0 forks source link

Utilize taskbar at the bottom for chats #11

Open NukeRusich opened 9 years ago

NukeRusich commented 9 years ago

Issue by cnvo Tuesday Mar 18, 2014 at 18:30 GMT Originally opened as https://github.com/NodeBB/NodeBB/issues/1242

If the chat can be in the task bar instead of a popup modal. The reason being is that it would save some space. To give an example, Facebook utilizes this quite well as an unobtrusive integrated application within the site. What do you guys think of this idea/enhancement?

--- Want to back this issue? **[Place a bounty on it!](https://www.bountysource.com/issues/2367425-utilize-taskbar-at-the-bottom-for-chats?utm_campaign=plugin&utm_content=tracker%2F282529&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F282529&utm_medium=issues&utm_source=github).
NukeRusich commented 9 years ago

Comment by julianlam Tuesday Mar 18, 2014 at 18:35 GMT

Whatever we decide, it has to be mobile friendly. The modal right now goes full screen on mobile, which works.

To this, I'd add that the chat subsystem should not use notifications anymore, as the chat list is now a discrete dropdown. Perhaps we can mark it "active" instead. @barisusakli ?

NukeRusich commented 9 years ago

Comment by cnvo Tuesday Mar 18, 2014 at 19:08 GMT

How about when at a certain viewport (mobile) it can go to 100% width, absolute, top bottom left right at 0 for mobile friendly. If you guys need any help with this depending on if you go further with this later or not, I would be glad to help. I made a mockup, please excuse my sloppiness. I do this when I design, lol.

001

  1. Shows the chats that are currently active.
  2. Actually shows the chat box itself having a 1 on 1 chat with someone.
  3. Shows who you are chatting with.

For reference, it's pretty basic.

NukeRusich commented 9 years ago

Comment by julianlam Tuesday Mar 18, 2014 at 19:13 GMT

Love the mockup, by the way :+1: Definitely helps visualise this.

If we're going ahead with this, I'd recommend we also add a button to expand the chat to full screen. This would probably use the same CSS, and using mixins in LESS, is totally doable:

NukeRusich commented 9 years ago

Comment by psychobunny Tuesday Mar 18, 2014 at 19:55 GMT

Looking good, yeah I'm liking the idea :)

NukeRusich commented 9 years ago

Comment by psychobunny Tuesday Mar 18, 2014 at 19:57 GMT

I also have to say I occasionally miss chats (the new sound alert will help a lot) - so a more "active" looking feel on the taskbar will be nice (currently goes from grey to darker grey, doesn't capture attention as much)

NukeRusich commented 9 years ago

Comment by crdnl Thursday Apr 03, 2014 at 18:43 GMT

What if the the button inverts? so from #fff to #000

NukeRusich commented 9 years ago

Comment by julianlam Tuesday May 27, 2014 at 18:30 GMT

@cnvo Is this in your theme already? We'd love to have this in vanilla... hint hint :laughing:

NukeRusich commented 9 years ago

Comment by cnvo Tuesday May 27, 2014 at 18:56 GMT

Yes, I finished the design yesterday. I had to remove all modal- strings from chat.js and change them to chat- instead because it isn't a modal anymore. This design breaks all of the other designs as well as the strings are changed. I couldn't find an easier way to do this since the modals wouldn't play nicely so I scrapped it altogether and redid the whole thing.

Would be nice though to have the modals as an option for this. :+1: If you guys could make a rough code for this and a quick and dirty design I'll clean it up for you.