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

TF-1594 Use only one class TmailToast to display the message.

Browse Source 
(cherry picked from commit 379c34b32b2e5c4dad141e6a98bdb92597fa6908)
This commit is contained in:
dab246
2023-03-16 18:23:47 +07:00
committed by Dat Vu
parent fe05df3477
commit 4e17813e1a
34 changed files with 752 additions and 930 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/images/ic_delete_toast.svg
+6 -2
View File
@@ -1,4 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" fill="#FF3B30"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.3 6.40002C11.17 6.40009 11.0427 6.43634 10.9321 6.50471C10.8216 6.57308 10.7323 6.67087 10.6742 6.78712L10.1674 7.80002H7.80001C7.61435 7.80002 7.43631 7.87377 7.30503 8.00505C7.17376 8.13633 7.10001 8.31437 7.10001 8.50002C7.10001 8.68568 7.17376 8.86372 7.30503 8.995C7.43631 9.12627 7.61435 9.20002 7.80001 9.20002V16.2C7.80001 16.5713 7.94751 16.9274 8.21006 17.19C8.47261 17.4525 8.8287 17.6 9.20001 17.6H14.8C15.1713 17.6 15.5274 17.4525 15.79 17.19C16.0525 16.9274 16.2 16.5713 16.2 16.2V9.20002C16.3857 9.20002 16.5637 9.12627 16.695 8.995C16.8263 8.86372 16.9 8.68568 16.9 8.50002C16.9 8.31437 16.8263 8.13633 16.695 8.00505C16.5637 7.87377 16.3857 7.80002 16.2 7.80002H13.8326L13.3258 6.78712C13.2677 6.67087 13.1784 6.57308 13.0679 6.50471C12.9573 6.43634 12.83 6.40009 12.7 6.40002H11.3ZM9.90001 10.6C9.90001 10.4144 9.97376 10.2363 10.105 10.105C10.2363 9.97377 10.4144 9.90002 10.6 9.90002C10.7857 9.90002 10.9637 9.97377 11.095 10.105C11.2263 10.2363 11.3 10.4144 11.3 10.6V14.8C11.3 14.9857 11.2263 15.1637 11.095 15.295C10.9637 15.4263 10.7857 15.5 10.6 15.5C10.4144 15.5 10.2363 15.4263 10.105 15.295C9.97376 15.1637 9.90001 14.9857 9.90001 14.8V10.6ZM13.4 9.90002C13.2144 9.90002 13.0363 9.97377 12.905 10.105C12.7738 10.2363 12.7 10.4144 12.7 10.6V14.8C12.7 14.9857 12.7738 15.1637 12.905 15.295C13.0363 15.4263 13.2144 15.5 13.4 15.5C13.5857 15.5 13.7637 15.4263 13.895 15.295C14.0263 15.1637 14.1 14.9857 14.1 14.8V10.6C14.1 10.4144 14.0263 10.2363 13.895 10.105C13.7637 9.97377 13.5857 9.90002 13.4 9.90002Z" fill="white"/>
<path
d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z"
fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11.3 6.40002C11.17 6.40009 11.0427 6.43634 10.9321 6.50471C10.8216 6.57308 10.7323 6.67087 10.6742 6.78712L10.1674 7.80002H7.80001C7.61435 7.80002 7.43631 7.87377 7.30503 8.00505C7.17376 8.13633 7.10001 8.31437 7.10001 8.50002C7.10001 8.68568 7.17376 8.86372 7.30503 8.995C7.43631 9.12627 7.61435 9.20002 7.80001 9.20002V16.2C7.80001 16.5713 7.94751 16.9274 8.21006 17.19C8.47261 17.4525 8.8287 17.6 9.20001 17.6H14.8C15.1713 17.6 15.5274 17.4525 15.79 17.19C16.0525 16.9274 16.2 16.5713 16.2 16.2V9.20002C16.3857 9.20002 16.5637 9.12627 16.695 8.995C16.8263 8.86372 16.9 8.68568 16.9 8.50002C16.9 8.31437 16.8263 8.13633 16.695 8.00505C16.5637 7.87377 16.3857 7.80002 16.2 7.80002H13.8326L13.3258 6.78712C13.2677 6.67087 13.1784 6.57308 13.0679 6.50471C12.9573 6.43634 12.83 6.40009 12.7 6.40002H11.3ZM9.90001 10.6C9.90001 10.4144 9.97376 10.2363 10.105 10.105C10.2363 9.97377 10.4144 9.90002 10.6 9.90002C10.7857 9.90002 10.9637 9.97377 11.095 10.105C11.2263 10.2363 11.3 10.4144 11.3 10.6V14.8C11.3 14.9857 11.2263 15.1637 11.095 15.295C10.9637 15.4263 10.7857 15.5 10.6 15.5C10.4144 15.5 10.2363 15.4263 10.105 15.295C9.97376 15.1637 9.90001 14.9857 9.90001 14.8V10.6ZM13.4 9.90002C13.2144 9.90002 13.0363 9.97377 12.905 10.105C12.7738 10.2363 12.7 10.4144 12.7 10.6V14.8C12.7 14.9857 12.7738 15.1637 12.905 15.295C13.0363 15.4263 13.2144 15.5 13.4 15.5C13.5857 15.5 13.7637 15.4263 13.895 15.295C14.0263 15.1637 14.1 14.9857 14.1 14.8V10.6C14.1 10.4144 14.0263 10.2363 13.895 10.105C13.7637 9.97377 13.5857 9.90002 13.4 9.90002Z"
fill="#FF3B30" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

assets/images/ic_read_toast.svg
+4 -2
View File
@@ -1,4 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" fill="#007AFF"/>
<path d="M6.49316 16.5801L9.95752 13.1641L7.05176 10.3389C6.93896 10.2207 6.93896 10.0864 7.05176 10.0005L11.6494 6.44482C11.9287 6.22998 12.0791 6.12256 12.2993 6.12256C12.5195 6.12256 12.6646 6.22998 12.9492 6.44482L17.5469 10.0005C17.6597 10.0864 17.6597 10.2261 17.5469 10.3389L14.6572 13.1641L18.1055 16.5693C18.186 16.4189 18.229 16.1611 18.229 15.7959V10.3496C18.229 9.78027 18.1323 9.49561 17.7349 9.16797L13.4058 5.81104C13.0083 5.49951 12.6968 5.30078 12.2993 5.30078C11.9019 5.30078 11.5903 5.49951 11.1929 5.81104L6.8584 9.16797C6.47168 9.49023 6.36963 9.78027 6.36963 10.3496V15.7959C6.36963 16.1719 6.4126 16.4297 6.49316 16.5801ZM7.89502 17.4609H16.5425C17.0742 17.4609 17.4448 17.3643 17.6436 17.1709L12.9707 12.5518C12.7344 12.3154 12.5303 12.2134 12.3101 12.2134C12.0845 12.2134 11.8804 12.3154 11.6494 12.5518L6.94434 17.1978C7.12695 17.375 7.44385 17.4609 7.89502 17.4609Z" fill="white"/>
<circle cx="12" cy="12" r="12" fill="white" />
<path
d="M6.49316 16.5801L9.95752 13.1641L7.05176 10.3389C6.93896 10.2207 6.93896 10.0864 7.05176 10.0005L11.6494 6.44482C11.9287 6.22998 12.0791 6.12256 12.2993 6.12256C12.5195 6.12256 12.6646 6.22998 12.9492 6.44482L17.5469 10.0005C17.6597 10.0864 17.6597 10.2261 17.5469 10.3389L14.6572 13.1641L18.1055 16.5693C18.186 16.4189 18.229 16.1611 18.229 15.7959V10.3496C18.229 9.78027 18.1323 9.49561 17.7349 9.16797L13.4058 5.81104C13.0083 5.49951 12.6968 5.30078 12.2993 5.30078C11.9019 5.30078 11.5903 5.49951 11.1929 5.81104L6.8584 9.16797C6.47168 9.49023 6.36963 9.78027 6.36963 10.3496V15.7959C6.36963 16.1719 6.4126 16.4297 6.49316 16.5801ZM7.89502 17.4609H16.5425C17.0742 17.4609 17.4448 17.3643 17.6436 17.1709L12.9707 12.5518C12.7344 12.3154 12.5303 12.2134 12.3101 12.2134C12.0845 12.2134 11.8804 12.3154 11.6494 12.5518L6.94434 17.1978C7.12695 17.375 7.44385 17.4609 7.89502 17.4609Z"
fill="#007AFF" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

assets/images/ic_send_success_toast.svg
+8
View File
@@ -0,0 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z"
fill="white" />
<path
d="M8.15912 14.1694C7.70202 15.406 7.41479 16.2748 7.29741 16.7759C6.92851 18.3507 6.66028 18.7054 8.03519 17.957C9.41011 17.2086 16.0663 13.5012 17.5513 12.6773C19.4871 11.6033 19.513 11.6872 17.4474 10.5469C15.8743 9.6784 9.29614 6.06777 8.03519 5.35883C6.77425 4.64989 6.92851 4.96514 7.29741 6.53991C7.41631 7.04748 7.70771 7.92406 8.17163 9.16964C8.4961 10.0408 9.25082 10.6801 10.1635 10.8569L14.0065 11.6013C14.0426 11.6085 14.066 11.6436 14.0588 11.6797C14.0535 11.7061 14.0329 11.7268 14.0065 11.732L10.1548 12.4757C9.2392 12.6525 8.48245 13.2947 8.15912 14.1694Z"
fill="#007AFF" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 881 B

assets/images/ic_toast_success_message.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 1.71428C17.6806 1.71428 22.2857 6.31935 22.2857 12C22.2857 17.6806 17.6806 22.2857 12 22.2857C6.31935 22.2857 1.71428 17.6806 1.71428 12C1.71428 6.31935 6.31935 1.71428 12 1.71428ZM12 3.42856C7.26612 3.42856 3.42856 7.26612 3.42856 12C3.42856 16.7339 7.26612 20.5714 12 20.5714C16.7339 20.5714 20.5714 16.7339 20.5714 12C20.5714 7.26612 16.7339 3.42856 12 3.42856ZM15.6771 8.81999C16.0119 8.48526 16.5595 8.48526 16.8943 8.81999C17.229 9.15473 17.229 9.7024 16.8943 10.0371L10.8918 16.0347C10.5571 16.3694 10.0144 16.3694 9.67962 16.0347L6.67962 13.0347C6.34488 12.6999 6.34488 12.1572 6.67962 11.8225C7.01435 11.4877 7.55706 11.4877 7.8918 11.8225L10.2857 14.2164L15.6771 8.81999Z"
fill="white" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 835 B

assets/images/ic_unread_toast.svg
+6 -2
View File
@@ -1,4 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" fill="#007AFF"/>
<path d="M16.7543 10.5015C17.7125 10.5015 18.5025 9.71152 18.5025 8.74822C18.5025 7.79001 17.7125 7 16.7543 7C15.791 7 15.0061 7.79001 15.0061 8.74822C15.0061 9.71152 15.791 10.5015 16.7543 10.5015ZM11.8818 12.8308C12.1111 12.8308 12.3099 12.7187 12.5494 12.4791L14.7615 10.2773C14.4353 9.85423 14.2416 9.32416 14.2416 8.74822C14.2416 8.40673 14.3129 8.08053 14.4455 7.77982H7.71764C7.26402 7.77982 6.93782 7.86137 6.73904 8.01937L11.2141 12.4791C11.4536 12.7187 11.6524 12.8308 11.8818 12.8308ZM16.7543 9.51274C16.3364 9.51274 15.9949 9.16616 15.9949 8.74822C15.9949 8.33537 16.3364 7.98879 16.7543 7.98879C17.1672 7.98879 17.5138 8.33537 17.5138 8.74822C17.5138 9.16616 17.1672 9.51274 16.7543 9.51274ZM6.15291 16.0673L9.90418 12.3313L6.18349 8.65138C6.06116 8.83996 6 9.14577 6 9.56881V15.211C6 15.6035 6.05097 15.8889 6.15291 16.0673ZM17.6055 16.0622C17.7023 15.8838 17.7533 15.6035 17.7533 15.211V11.0469C17.4526 11.1845 17.1111 11.261 16.7543 11.261C16.2396 11.261 15.7604 11.1081 15.3629 10.8379L13.8542 12.3313L17.6055 16.0622ZM16.0408 17C16.5199 17 16.8665 16.9032 17.0805 16.7248L13.2579 12.9174L12.9827 13.1927C12.6208 13.5494 12.2691 13.7125 11.8818 13.7125C11.4944 13.7125 11.1376 13.5494 10.7808 13.1927L10.5056 12.9225L6.68807 16.7197C6.91233 16.9032 7.2844 17 7.79918 17H16.0408Z" fill="white"/>
<path
d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z"
fill="white" />
<path
d="M16.7543 10.5015C17.7125 10.5015 18.5025 9.71152 18.5025 8.74822C18.5025 7.79001 17.7125 7 16.7543 7C15.791 7 15.0061 7.79001 15.0061 8.74822C15.0061 9.71152 15.791 10.5015 16.7543 10.5015ZM11.8818 12.8308C12.1111 12.8308 12.3099 12.7187 12.5494 12.4791L14.7615 10.2773C14.4353 9.85423 14.2416 9.32416 14.2416 8.74822C14.2416 8.40673 14.3129 8.08053 14.4455 7.77982H7.71764C7.26402 7.77982 6.93782 7.86137 6.73904 8.01937L11.2141 12.4791C11.4536 12.7187 11.6524 12.8308 11.8818 12.8308ZM16.7543 9.51274C16.3364 9.51274 15.9949 9.16616 15.9949 8.74822C15.9949 8.33537 16.3364 7.98879 16.7543 7.98879C17.1672 7.98879 17.5138 8.33537 17.5138 8.74822C17.5138 9.16616 17.1672 9.51274 16.7543 9.51274ZM6.15291 16.0673L9.90418 12.3313L6.18349 8.65138C6.06116 8.83996 6 9.14577 6 9.56881V15.211C6 15.6035 6.05097 15.8889 6.15291 16.0673ZM17.6055 16.0622C17.7023 15.8838 17.7533 15.6035 17.7533 15.211V11.0469C17.4526 11.1845 17.1111 11.261 16.7543 11.261C16.2396 11.261 15.7604 11.1081 15.3629 10.8379L13.8542 12.3313L17.6055 16.0622ZM16.0408 17C16.5199 17 16.8665 16.9032 17.0805 16.7248L13.2579 12.9174L12.9827 13.1927C12.6208 13.5494 12.2691 13.7125 11.8818 13.7125C11.4944 13.7125 11.1376 13.5494 10.7808 13.1927L10.5056 12.9225L6.68807 16.7197C6.91233 16.9032 7.2844 17 7.79918 17H16.0408Z"
fill="#007AFF" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB