Skip to content
This repository has been archived by the owner on Mar 4, 2020. It is now read-only.

docs(chat-pane): chat-pane prototype #235

Merged
merged 37 commits into from
Oct 3, 2018
Merged

Conversation

bmdalex
Copy link
Collaborator

@bmdalex bmdalex commented Sep 14, 2018

Chat pane prototype

This PR contains a Chat pane prototype that comes under the new Prototypes section in the docs experience. This is not available in prod so users need to actually build the project to see the prototypes.

@alinais
Copy link
Contributor

alinais commented Sep 17, 2018

I guess we have to polish a bit the UI, so that the buttons in the header would look more like in the real life, not quite like this:

image

@bmdalex
Copy link
Collaborator Author

bmdalex commented Sep 17, 2018

@alinais well this is a limitation we currently have in stardust; there's not much I can do to make them look better without improving current set of components we use here (especially icons). Here I see issues with:

  • poor SVG support to achieve proper styling (filling, border, hover, etc)
  • wrong icons (font awesome does not have the MS Teams icons)
  • font weight, not sure how to set properly or if we support that (button Icons on right side are too thick)
    Anything else here?

But I think most of these are taken care of in different PRs and will be reflected in the prototype later.

FYI @levithomason @kuzhelov

@codecov
Copy link

codecov bot commented Sep 20, 2018

Codecov Report

Merging #235 into master will not change coverage.
The diff coverage is 100%.

Impacted file tree graph

@@           Coverage Diff           @@
##           master     #235   +/-   ##
=======================================
  Coverage   89.63%   89.63%           
=======================================
  Files          62       62           
  Lines        1167     1167           
  Branches      150      150           
=======================================
  Hits         1046     1046           
  Misses        119      119           
  Partials        2        2
Impacted Files Coverage Δ
src/components/Segment/Segment.tsx 100% <ø> (ø) ⬆️
src/components/Chat/index.ts 100% <100%> (ø) ⬆️
src/components/Divider/index.ts 100% <100%> (ø) ⬆️
src/components/Status/index.ts 100% <100%> (ø) ⬆️

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update b581ce2...35cdb3f. Read the comment docs.

@bmdalex
Copy link
Collaborator Author

bmdalex commented Sep 25, 2018

@mnajdova @kuzhelov can u pls offer final review? thx

- sorted messages by date
- added all types of dividers between messages in correct places
- added correct timestamp and title attributes for timestamps
Copy link
Contributor

@mnajdova mnajdova left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Left couple of comments, otherwise nice work! :) Good to be merged after resolving those.

CHANGELOG.md Show resolved Hide resolved
CHANGELOG.md Outdated Show resolved Hide resolved
@bmdalex bmdalex merged commit 6c53400 into master Oct 3, 2018
@bmdalex bmdalex deleted the docs/chat-pane-prototype branch October 3, 2018 13:46
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants