Serubin / pulse-sms-web

The official web app for Pulse SMS - built on Vue.js.

Home Page:https://pulsesms.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Material 2 UI

Serubin opened this issue · comments

I've been playing around with some Material 2 UI design components. Here's a simple mockup to discuss. This shows the rounded sidebar, 3-dot menu, and new fab menu as examples.
screen shot 2018-08-31 at 12 21 09 am

Made some updates - not super pleased with this gap - but given that the sidebar moves it may just be how it stays.
screen shot 2018-08-31 at 3 51 38 pm
screen shot 2018-08-31 at 3 52 00 pm

Nice, I like it. I made just a few small changes:

  • more padding on the left side of the icon
  • a very slight rounding to the corners on the left side, since everything else has slightly rounded corners

screen shot 2018-08-31 at 3 14 18 pm

That looks perfect. That polished it very well!

I made a comment on this commit, about the shadows, if you want to take a look: 63f58a7

I also wanted to test out a bit more of a distinction between the active item and the other ones. I know you said yesterday you were a fan of less shadows, but since they are already on the conversation items, what do you think of this one?

With shadow:
screen shot 2018-09-01 at 10 12 43 am

Without shadow:
screen shot 2018-09-01 at 10 13 04 am

I think that the shadow should be tweaked to match the ConversationItem shadows, as well. Wanted to get your opinion on that, from my commit comment, though

Just for archival purposes, this is what the current shadows on the conversation cards look like.

image