Morgan  I'll provide some more direction on this later this morning. 

Great. Thanks Stefanie .

Morgan 

Morgan Anil   mocked up a wider session tracking bar. What do you think of changing it blue so that it blends less?

I've bumped it up to 50px in width - right now it's at 29px I believe. I've also used the same 18px font that we're using for the quick menu.

ISLG- Session Tracking Bar.png 259 KB • Download

Anil just wait until Morgan's OK to update that session tracker. 

In terms of modals, a few are not using the right text styles. We should be using 16px for body text and H2 style for headings. Also make sure you're using #373a36 instead of pure black for these fonts. 

We also seem to have some red text in these modals and this should be changed to #1c449c. 

Here's the modals that look inconsistent:

Screen Shot 2018-04-16 at 10.11.27 AM.png 139 KB • Download

Screen Shot 2018-04-16 at 10.11.04 AM.png 100 KB • Download

Research Topic looks like it has been fixed. 

Hi Stefanie ,

The blue and width of the toolbar looks good to me.

Thanks,

Morgan

Hi Stefanie and Morgan ,

We have changed the fonts and formatting of Session Tracking Bar, Session Details modal and Research Topic Details modal on dev.islg.

For Session Tracking Bar, we have observed that the bar is messing up with the blue footer. Please refer attached screenshot.

Please review and let us know your feedback

Session-Tracking-bar.png 84.2 KB • Download

.

Harsh I'm not super concerned about that. If we can just add a 1px white border to it (just like we have for Quick Menu), it should be fine.

We're also going to need it to adapt to screen width. I'm not sure what you were doing previously for this? My suggestion would be to increase the height of the bar as the screen width decreases so that you're able to display the text and wrap the text. We also need to accommodate for a case where the client has a very long title. In that case, I would also say we should also increase the height of the bar so that we're able to wrap the text to a second line.

cc Morgan  

Hi Stefanie ,

We have set 1px white border and also increased the height of Session Tracking bar so, now it is adaptable to screen width on dev.islg.

cc Morgan  

Please check and confirm.

Hey Harsh It's looking good. I don't think the height of the tracking bar is adapting to screen width to ensure that text is always showing. The height of the tracking bar appears to remain the same and the text is shrinking instead, but the text is still being cut off. Here's a screen shot. 

Screen Shot 2018-04-18 at 9.44.02 AM.png 105 KB • Download

Hi Stefanie ,

The height will remain same but the text will be wrapped in adapt screen width.

we will do some change so the text will not cut off.

Hope this is fine.

Harsh  Ok - I'm a little worried the text being too small if we do it this way. How small will it get? 

Hi Stefanie ,

We used different size fonts for different resolution.

1)  720px to 1022px resolution - 12px font.
2)  1023px to 1400px resolution - 14px font.
3)  above 1400px resolution - 16px font.

Hope this is fine.

Harsh  ok - that should be ok for now. The text is still being cut off right now though - let me know when you want me to check again. 

Hi Stefanie ,

We did some changes for font cut off issue. Please check once again and let me know your feedback.

Note : Please reload the page if you are not able to see any change.

Harsh  the text isn't being cit off anymore.

Thanks Stefanie . Please ignore above comment.

Looks good Harsh and Stefanie . I'll schedule this for migration to www.islg on Monday.

Morgan 

Hi Morgan and Ryan ,

This task has migrated on www.islg. Please check and confirm.

Looks good. Marking to-do complete.

Morgan