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

TF-295 Apply new UI for composer web browser

Browse Source
This commit is contained in:
dab246
2022-03-16 15:57:59 +07:00
committed by Dat H. Pham
parent 8c66ef9105
commit 1f9fd7c0a7
38 changed files with 1181 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/images/ic_attachment_file.svg
-4
View File
@@ -1,4 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V9L13 2Z" stroke="#3840F7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13 2V9H20" stroke="#3840F7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 544 B

assets/images/ic_attachments_composer.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.3558 14.1983C17.7077 13.8473 18.2776 13.8479 18.6286 14.1998C18.9797 14.5517 18.979 15.1216 18.6271 15.4726L14.0643 20.0247C11.5536 22.5294 7.48776 22.5246 4.98298 20.0139C4.95572 19.9865 4.95572 19.9865 4.92868 19.9588C2.34868 17.3097 2.35833 13.0844 4.95042 10.4471L11.7862 3.49188C13.588 1.65866 16.5347 1.63314 18.3679 3.43489C18.407 3.47336 18.4455 3.51253 18.4833 3.55236L18.5148 3.58567C20.3243 5.49447 20.304 8.49133 18.4689 10.3755L11.5768 17.452C10.5166 18.5406 8.79579 18.6261 7.63278 17.6481L7.55711 17.5845C6.39786 16.6095 6.24841 14.8795 7.22332 13.7202C7.25904 13.6777 7.29605 13.6363 7.33428 13.5961L11.9727 8.71536C12.3151 8.35505 12.8847 8.34055 13.245 8.68296C13.6053 9.02537 13.6198 9.59503 13.2774 9.95534L8.63906 14.8361C8.62592 14.8499 8.6132 14.8641 8.60092 14.8787C8.26586 15.2772 8.31722 15.8718 8.71565 16.2068L8.79132 16.2705C9.23246 16.6415 9.88516 16.609 10.2873 16.1961L17.1795 9.11961C18.3404 7.92759 18.3532 6.03162 17.2085 4.82401L17.1769 4.79069C17.1538 4.76627 17.1302 4.74225 17.1062 4.71866C15.982 3.61374 14.1749 3.62939 13.07 4.75361L6.23418 11.7088C4.32817 13.6481 4.32107 16.755 6.2182 18.703C6.23766 18.7229 6.23766 18.7229 6.25728 18.7426C8.05994 20.5496 10.9861 20.553 12.793 18.7504L17.3558 14.1983Z" fill="#99A2AD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

assets/images/ic_close_composer.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.0056 6.82733C7.68016 6.50189 7.15252 6.50189 6.82709 6.82733C6.50165 7.15277 6.50165 7.6804 6.82709 8.00584L10.8212 11.9999L6.82709 15.994C6.50165 16.3194 6.50165 16.8471 6.82709 17.1725C7.15252 17.4979 7.68016 17.4979 8.0056 17.1725L11.9997 13.1784L15.9938 17.1725C16.3192 17.4979 16.8468 17.4979 17.1723 17.1725C17.4977 16.8471 17.4977 16.3194 17.1723 15.994L13.1782 11.9999L17.1723 8.00584C17.4977 7.6804 17.4977 7.15277 17.1723 6.82733C16.8468 6.50189 16.3192 6.50189 15.9938 6.82733L11.9997 10.8214L8.0056 6.82733Z" fill="#99A2AD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 653 B

assets/images/ic_delete_attachment.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.24" d="M6.66699 12C9.9807 12 12.667 9.31371 12.667 6C12.667 2.68629 9.9807 0 6.66699 0C3.35328 0 0.666992 2.68629 0.666992 6C0.666992 9.31371 3.35328 12 6.66699 12Z" fill="black"/>
<path d="M9.0352 3.6318C9.21093 3.80754 9.21093 4.09246 9.0352 4.2682L7.30349 6L9.0352 7.73181C9.19629 7.8929 9.20971 8.14574 9.07547 8.32212L9.0352 8.3682C8.85946 8.54394 8.57454 8.54394 8.3988 8.3682L6.66699 6.6365L4.93519 8.3682C4.75945 8.54394 4.47453 8.54394 4.29879 8.3682C4.12306 8.19247 4.12306 7.90754 4.29879 7.73181L6.03049 6L4.29879 4.2682C4.1377 4.10711 4.12428 3.85427 4.25852 3.67788L4.29879 3.6318C4.47453 3.45607 4.75945 3.45607 4.93519 3.6318L6.66699 5.3635L8.3988 3.6318C8.57454 3.45607 8.85946 3.45607 9.0352 3.6318Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 854 B

assets/images/ic_delete_composer.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5567 7.10185C13.0528 7.13286 13.4298 7.56015 13.3988 8.05624L12.8988 16.0562C12.8678 16.5523 12.4405 16.9294 11.9444 16.8983C11.4484 16.8673 11.0713 16.44 11.1023 15.944L11.6023 7.94396C11.6333 7.44787 12.0606 7.07085 12.5567 7.10185Z" fill="#959DAD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.44445 7.10185C6.94836 7.13286 6.57133 7.56015 6.60234 8.05624L7.10234 16.0562C7.13334 16.5523 7.56064 16.9294 8.05673 16.8983C8.55281 16.8673 8.92984 16.44 8.89883 15.944L8.39883 7.94396C8.36783 7.44787 7.94053 7.07085 7.44445 7.10185Z" fill="#959DAD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.00059 3.1001C0.50353 3.1001 0.100586 3.50304 0.100586 4.0001C0.100586 4.49715 0.50353 4.9001 1.00059 4.9001H2.18101L3.33564 17.2161C3.38098 17.6999 3.41978 18.1139 3.47866 18.4534C3.54079 18.8117 3.6356 19.1568 3.82955 19.4828C4.12375 19.9773 4.55842 20.3732 5.07825 20.6199C5.42094 20.7826 5.77339 20.8448 6.13588 20.8732C6.47946 20.9001 6.89528 20.9001 7.38125 20.9001H12.6199C13.1059 20.9001 13.5217 20.9001 13.8653 20.8732C14.2278 20.8448 14.5802 20.7826 14.9229 20.6199C15.4427 20.3732 15.8774 19.9773 16.1716 19.4828C16.3656 19.1568 16.4604 18.8117 16.5225 18.4534C16.5814 18.1139 16.6202 17.6999 16.6655 17.2161L17.8202 4.9001H19.0006C19.4976 4.9001 19.9006 4.49715 19.9006 4.0001C19.9006 3.50304 19.4976 3.1001 19.0006 3.1001H13.7962C13.3899 1.38008 11.8447 0.100098 10.0006 0.100098C8.15644 0.100098 6.61124 1.38008 6.20495 3.1001H1.00059ZM5.12466 17.0148C5.174 17.541 5.20681 17.8842 5.25219 18.1459C5.29568 18.3966 5.34007 18.5013 5.3765 18.5625C5.48809 18.7501 5.65297 18.9002 5.85014 18.9938C5.91452 19.0244 6.02283 19.0588 6.27655 19.0787C6.54136 19.0995 6.88605 19.1001 7.41462 19.1001H12.5866C13.1151 19.1001 13.4598 19.0995 13.7246 19.0787C13.9783 19.0588 14.0867 19.0244 14.151 18.9938C14.3482 18.9002 14.5131 18.7501 14.6247 18.5625C14.6611 18.5013 14.7055 18.3966 14.749 18.1459C14.7944 17.8842 14.8272 17.541 14.8765 17.0148L16.0123 4.9001H3.98891L5.12466 17.0148ZM10.0006 1.9001C9.16287 1.9001 8.43971 2.39061 8.10268 3.1001H11.8985C11.5615 2.39061 10.8383 1.9001 10.0006 1.9001Z" fill="#959DAD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

assets/images/ic_file_attachment.svg
+8
View File
@@ -0,0 +1,8 @@
<svg width="29" height="38" viewBox="0 0 29 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M27.8914 10.7609L18.783 1.21875C18.2769 1.86935 17.2215 3.17056 17.048 3.17056C16.8312 3.17056 17.2649 7.07417 17.2649 7.29104C17.2649 7.46453 19.1444 10.5441 20.0842 12.0621L27.8914 10.7609Z"
fill="white" stroke="#E0E0E0" stroke-width="0.433735" stroke-linejoin="round" />
<path
d="M17.9157 1H2.73494C1.77676 1 1 1.77676 1 2.73494V35.2651C1 36.2232 1.77676 37 2.73494 37H26.3735C27.3317 37 28.1084 36.2232 28.1084 35.2651V11.6265C28.1084 10.6683 27.3317 9.89157 26.3735 9.89157H21.3855C20.4274 9.89157 19.6506 9.11481 19.6506 8.15663V2.73494C19.6506 1.77676 18.8738 1 17.9157 1Z"
fill="#FAFAFA" stroke="#E0E0E0" stroke-width="0.433735" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 792 B

assets/images/ic_fullscreen_composer.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 4.9C14 4.40294 14.4029 4 14.9 4H19.1C19.5971 4 20 4.40294 20 4.9V9.10001C20 9.59706 19.5971 10 19.1 10C18.6029 10 18.2 9.59706 18.2 9.10001V7.07279L14.5364 10.7364C14.1849 11.0879 13.6151 11.0879 13.2636 10.7364C12.9121 10.3849 12.9121 9.81508 13.2636 9.46361L16.9272 5.8H14.9C14.4029 5.8 14 5.39706 14 4.9Z" fill="#99A2AD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7364 13.2636C11.0879 13.6151 11.0879 14.1849 10.7364 14.5364L7.07279 18.2H9.09818C9.59524 18.2 9.99818 18.6029 9.99818 19.1C9.99818 19.5971 9.59524 20 9.09818 20H4.9C4.40294 20 4 19.5971 4 19.1V14.9C4 14.403 4.40294 14 4.9 14C5.39706 14 5.8 14.403 5.8 14.9V16.9272L9.46361 13.2636C9.81508 12.9121 10.3849 12.9121 10.7364 13.2636Z" fill="#99A2AD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 883 B

assets/images/ic_minimize_composer.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="4" y="18.5" width="16" height="1.5" rx="0.75" fill="#99A2AD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 175 B

assets/images/ic_send_composer.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.73868 15.7541C5.05303 17.609 4.62218 18.9122 4.44611 19.6638C3.89277 22.026 3.49042 22.5581 5.55279 21.4355C7.61516 20.3129 17.5994 14.7519 19.8269 13.516C22.7306 11.905 22.7694 12.0309 19.6711 10.3204C17.3114 9.0176 7.4442 3.60166 5.55279 2.53825C3.66138 1.47483 3.89277 1.94771 4.44611 4.30986C4.62446 5.07122 5.06157 6.38609 5.75745 8.25446C6.24415 9.56121 7.37624 10.5202 8.74523 10.7854L14.5097 11.9019C14.5639 11.9128 14.599 11.9655 14.5882 12.0196C14.5802 12.0592 14.5493 12.0901 14.5097 12.0981L8.73224 13.2136C7.3588 13.4788 6.22367 14.4421 5.73868 15.7541Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 698 B