Hi Narendra Kumar,

As discussed, I will provide you the HTML except Datatable. You can reuse the earlier datatable and please add the expanded view. I'll work on styling part, same as we done for earlier datatables.

Samir Swapnil Pandhare

Narendra Kumar,

I have updated page with other elements, just reuse datatable with collapsible panel. Once done let me know, I'll work on styling part.

Component Name: email-history.component

Updated CSS: 

1. email-history.component.scss
2. style.scss: Add only below class:
   .fade.in { opacity: 1; }

src.zip

Samir, Swapnil Pandhare

Hi Narendra Kumar,

I checked with datatable and you can reuse it from earlier application. Once done please let me know so will work on styling part.

Hi Smita Pawar,

I need the latest style.scss file with latest class for this popover. Can you please add that file too here.

cc - Swapnil Pandhare, Samir

Thanks

Mohd Belal,

Attached.

Hi Mohd Belal,

Please find attached updated folder with collapsible HTML. And below CSS files updated:

1. email-history.component.scss
2. style.scss

As per my discussion with Aruna Raheja, on click of description line, it will collapse. I have provided whole description you can manage it with functionality.

Aruna Raheja, forward icon is not available in provided font can you please update and send?

Swapnil Pandhare, Samir

Smita Pawar: Please find the attached folder

CC: Samir Swapnil Pandhare

Hi Mohd Belal,

Can you please update font files at your environment as well.

Please update below files:

1. email-history.component.html: Updated icon class : <i class="icon-forward pr-1"></i>
2. email-history.component.scss: you can replace file
3. style.scss:  .tertiary-button  class updated

Find attached src folder.

Verified the UI for email history.
Observed few issue are locked separately
Marking item state as Done

Thanks,
Jayshree

Priya Dhamande Sachin Hingole Hrishikesh Deshpande Satya Samir