eduvia/workavia-mail-front
11
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

TF-381 Apply new UI for list emails

Browse Source
This commit is contained in:
dab246
2022-03-21 23:23:21 +07:00
committed by Dat H. Pham
parent f942041701
commit 61f3f0d00f
22 changed files with 671 additions and 368 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/images/ic_arrow_down.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.21917 5.37534C2.56418 4.94408 3.19347 4.87416 3.62473 5.21917L8.00004 8.71941L12.3753 5.21917C12.8066 4.87416 13.4359 4.94408 13.7809 5.37534C14.1259 5.8066 14.056 6.4359 13.6247 6.78091L8.62473 10.7809C8.25951 11.0731 7.74056 11.0731 7.37534 10.7809L2.37534 6.78091C1.94408 6.4359 1.87416 5.8066 2.21917 5.37534Z" fill="#007AFF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 487 B

assets/images/ic_filter_web.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.8246 5.21346C3.16498 6.25709 4.14611 7.01121 5.30337 7.01121C6.46063 7.01121 7.44176 6.25709 7.78214 5.21346C10.2518 5.21346 12.7214 5.21346 15.191 5.21346C15.6378 5.21346 16 4.85126 16 4.40447C16 3.95768 15.6378 3.59548 15.191 3.59548C12.7214 3.59548 10.2518 3.59548 7.78214 3.59548C7.77341 3.56819 7.7851 3.60456 7.78214 3.59548C7.44176 2.55185 6.46063 1.79773 5.30337 1.79773C4.14611 1.79773 3.16498 2.55185 2.8246 3.59548C2.15273 3.59548 1.48086 3.59548 0.808989 3.59548C0.362197 3.59548 0 3.95768 0 4.40447C0 4.85126 0.362197 5.21346 0.808989 5.21346C1.48086 5.21346 2.15273 5.21346 2.8246 5.21346ZM5.30337 3.41571C4.75729 3.41571 4.31461 3.85839 4.31461 4.40447C4.31461 4.95055 4.75729 5.39324 5.30337 5.39324C5.84945 5.39324 6.29214 4.95055 6.29214 4.40447C6.29214 3.85839 5.84945 3.41571 5.30337 3.41571Z" fill="#007AFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 11.5955C0 11.1487 0.362197 10.7865 0.808989 10.7865C3.27861 10.7865 5.74824 10.7865 8.21786 10.7865C8.55824 9.74286 9.53937 8.98874 10.6966 8.98874C11.8539 8.98874 12.835 9.74286 13.1754 10.7865C13.1754 10.7865 14.7223 10.7865 15.191 10.7865C15.6378 10.7865 16 11.1487 16 11.5955C16 12.0423 15.6378 12.4045 15.191 12.4045C14.9912 12.4045 13.1754 12.4045 13.1754 12.4045C12.835 13.4481 11.8539 14.2022 10.6966 14.2022C9.53937 14.2022 8.55824 13.4481 8.21786 12.4045C5.74824 12.4045 3.27861 12.4045 0.808989 12.4045C0.362197 12.4045 0 12.0423 0 11.5955ZM9.70787 11.5955C9.70787 11.0494 10.1506 10.6067 10.6966 10.6067C11.2427 10.6067 11.6854 11.0494 11.6854 11.5955C11.6854 12.1416 11.2427 12.5842 10.6966 12.5842C10.1506 12.5842 9.70787 12.1416 9.70787 11.5955Z" fill="#007AFF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

assets/images/ic_mark_all_as_read.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.37282 16H13.6273C14.9008 16 15.9365 14.9643 15.9365 13.6913V6.74368C15.9365 6.11726 15.6785 5.51248 15.2294 5.08412C15.1915 5.06481 9.43134 0.498567 9.43134 0.498567C8.58869 -0.166692 7.41144 -0.165686 6.56882 0.498567L0.864436 5.00095C0.378424 5.44784 0.0586148 6.0667 0.0636574 6.74368V13.6913C0.0636574 14.9643 1.09929 16 2.37282 16ZM7.52837 1.7141C7.80556 1.49437 8.1946 1.49437 8.47179 1.7141L13.4066 5.60824L8.47179 9.50237C8.1946 9.72209 7.80556 9.72209 7.52837 9.50237L2.59355 5.60825L7.52837 1.7141ZM1.61182 6.80586L6.56882 10.7179C7.41137 11.3829 8.58869 11.3822 9.43134 10.7179L14.3883 6.80586V13.6913C14.3883 14.1106 14.0471 14.4518 13.6273 14.4518H2.37282C1.95299 14.4518 1.61182 14.1106 1.61182 13.6913V6.80586Z" fill="#007AFF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 859 B

assets/images/ic_refresh.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="26" height="24" viewBox="0 0 26 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.90002 12C3.90002 14.5129 4.91858 16.7879 6.56535 18.4347C8.21213 20.0815 10.4871 21.1 13 21.1C14.6344 21.1 16.1681 20.6185 17.4938 19.8642M22.1 12C22.1 9.48713 21.0815 7.21213 19.4347 5.56535C17.7879 3.91858 15.5129 2.90002 13 2.90002C11.3656 2.90002 9.83189 3.38148 8.50617 4.13582" stroke="white" stroke-width="2" stroke-linecap="round"/>
<path d="M19.4948 11C19.0879 11 18.8514 11.4603 19.0884 11.7911L21.5916 15.2861C21.791 15.5645 22.2051 15.5645 22.4045 15.2861L24.9078 11.7911C25.1447 11.4603 24.9082 11 24.5013 11H19.4948Z" fill="white"/>
<path d="M6.50516 13C6.91214 13 7.14863 12.5397 6.91165 12.2089L4.40844 8.71393C4.20898 8.43546 3.79491 8.43546 3.59546 8.71393L1.09225 12.2089C0.855264 12.5397 1.09175 13 1.49874 13H6.50516Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.01163 3.26667C9.46463 2.43991 11.1671 1.90002 13 1.90002C15.7888 1.90002 18.3152 3.0316 20.1418 4.85825C21.7474 6.46387 22.816 8.61014 23.0511 11H24.5013C24.9083 11 25.1447 11.4603 24.9078 11.7912L22.4046 15.2861C22.2051 15.5646 21.791 15.5646 21.5916 15.2861L19.0884 11.7912C18.8514 11.4603 19.0879 11 19.4949 11H21.039C20.813 9.16312 19.9725 7.51732 18.7276 6.27246C17.2607 4.80555 15.2371 3.90002 13 3.90002C11.5642 3.90002 10.1992 4.32304 9.00073 5.00497C8.52071 5.2781 7.91016 5.11038 7.63703 4.63037C7.3639 4.15035 7.53161 3.5398 8.01163 3.26667ZM4.96109 13H6.50511C6.91209 13 7.14858 12.5398 6.9116 12.2089L4.40839 8.71396C4.20893 8.43549 3.79486 8.43549 3.59541 8.71396L1.0922 12.2089C0.855213 12.5398 1.0917 13 1.49869 13H2.94896C3.18405 15.3899 4.25263 17.5362 5.85826 19.1418C7.6849 20.9685 10.2113 22.1 13 22.1C14.8329 22.1 16.5354 21.5601 17.9884 20.7334C18.4684 20.4602 18.6361 19.8497 18.363 19.3697C18.0899 18.8896 17.4793 18.7219 16.9993 18.9951C15.8008 19.677 14.4359 20.1 13 20.1C10.763 20.1 8.73938 19.1945 7.27247 17.7276C6.02761 16.4827 5.18704 14.8369 4.96109 13Z" fill="#007AFF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

assets/images/ic_select_all.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.8538 0C12.278 0.01504 13.0027 0.168509 13.7542 0.570407C14.4735 0.955113 15.0424 1.52399 15.4271 2.24333C15.829 2.99481 15.9825 3.71955 15.9975 5.14371V10.8538C15.9825 12.278 15.829 13.0027 15.4271 13.7542C15.0424 14.4735 14.4735 15.0424 13.7542 15.4271C13.0027 15.829 12.278 15.9825 10.8538 15.9975H5.14371C3.71955 15.9825 2.99481 15.829 2.24333 15.4271C1.52399 15.0424 0.955113 14.4735 0.570407 13.7542C0.168509 13.0027 0.01504 12.278 0 10.8538V5.14371C0.01504 3.71955 0.168509 2.99481 0.570407 2.24333C0.955113 1.52399 1.52399 0.955113 2.24333 0.570407C2.99481 0.168509 3.71955 0.01504 5.14371 0H10.8538ZM10.6099 1.4533H5.38764L4.98227 1.45685C3.90643 1.47725 3.42471 1.58809 2.92929 1.85304C2.46344 2.10218 2.10218 2.46344 1.85304 2.92929C1.58809 3.42471 1.47725 3.90643 1.45685 4.98227L1.4533 5.38764V10.6099L1.45685 11.0153C1.47725 12.0911 1.58809 12.5728 1.85304 13.0682C2.10218 13.5341 2.46344 13.8953 2.92929 14.1444C3.42471 14.4095 3.90643 14.5203 4.98227 14.5407L5.38764 14.5442H10.6099L11.0153 14.5407C12.0911 14.5203 12.5728 14.4095 13.0682 14.1444C13.5341 13.8953 13.8953 13.5341 14.1444 13.0682C14.4095 12.5728 14.5203 12.0911 14.5407 11.0153L14.5442 10.6099V5.38764L14.5407 4.98227C14.5203 3.90643 14.4095 3.42471 14.1444 2.92929C13.8953 2.46344 13.5341 2.10218 13.0682 1.85304C12.5728 1.58809 12.0911 1.47725 11.0153 1.45685L10.6099 1.4533Z" fill="#007AFF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB