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

TF-736 Apply new design for rich text button

Browse Source
This commit is contained in:
dab246
2022-07-25 16:31:18 +07:00
committed by Dat H. Pham
parent 3538212266
commit 1165e000f0
9 changed files with 221 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/images/ic_style_arrow_down.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.26705 7.89678L3.38304 5.07471C3.24641 4.8645 3.1794 4.6556 3.18203 4.44802C3.18466 4.24044 3.25166 4.06964 3.38304 3.93563C3.51443 3.80162 3.70624 3.73462 3.9585 3.73462L8.0103 3.73462C8.27306 3.73462 8.47276 3.80031 8.6094 3.93169C8.74603 4.06307 8.81566 4.23124 8.81829 4.4362C8.82092 4.64115 8.74603 4.85399 8.59363 5.07471L6.67809 7.89678C6.56247 8.05444 6.41664 8.16217 6.24059 8.21998C6.06454 8.27779 5.88717 8.28041 5.70849 8.22786C5.52982 8.17531 5.38267 8.06495 5.26705 7.89678Z" fill="#99A2AD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 621 B

assets/images/ic_style_color.svg
+18
View File
@@ -0,0 +1,18 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="paint0_linear_4501_192118" x1="4" y1="20" x2="41" y2="19.5"
gradientUnits="userSpaceOnUse">
<stop stop-color="#F40303" />
<stop offset="0.188171" stop-color="#EBEF31" />
<stop offset="0.313936" stop-color="#73E960" />
<stop offset="0.504726" stop-color="#3532D7" />
<stop offset="0.552173" stop-color="#5BECE3" />
<stop offset="0.854664" stop-color="#D732A9" />
<stop offset="1" stop-color="#F40303" />
</linearGradient>
</defs>
<path
d="M18.7606 18C19.4812 18 20 17.6019 20 17.0332C20 16.8463 19.952 16.6594 19.8367 16.3913L15.8014 7.12932C15.4556 6.34123 14.8983 6 13.9856 6C13.0825 6 12.5252 6.35748 12.189 7.13744L8.16333 16.3913C8.04804 16.6432 8 16.8707 8 17.0332C8 17.6263 8.48999 18 9.249 18C9.89271 18 10.2578 17.7319 10.4884 17.0982L11.4011 14.872H16.5797L17.4924 17.1144C17.7134 17.74 18.0881 18 18.7606 18ZM15.9744 13.2146H11.9872L13.9376 8.20988H14.0048L15.9744 13.2146Z"
fill="#99A2AD" />
<rect x="6" y="20" width="16" height="2.5" rx="1.25" fill="url(#paint0_linear_4501_192118)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

assets/images/ic_style_header.svg
+2 -2
View File
@@ -1,3 +1,3 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.5 2.672a.5.5 0 1 0 1 0V.843a.5.5 0 0 0-1 0v1.829Zm4.5.035A.5.5 0 0 0 13.293 2L12 3.293a.5.5 0 1 0 .707.707L14 2.707ZM7.293 4A.5.5 0 1 0 8 3.293L6.707 2A.5.5 0 0 0 6 2.707L7.293 4Zm-.621 2.5a.5.5 0 1 0 0-1H4.843a.5.5 0 1 0 0 1h1.829Zm8.485 0a.5.5 0 1 0 0-1h-1.829a.5.5 0 0 0 0 1h1.829ZM13.293 10A.5.5 0 1 0 14 9.293L12.707 8a.5.5 0 1 0-.707.707L13.293 10ZM9.5 11.157a.5.5 0 0 0 1 0V9.328a.5.5 0 0 0-1 0v1.829Zm1.854-5.097a.5.5 0 0 0 0-.706l-.708-.708a.5.5 0 0 0-.707 0L8.646 5.94a.5.5 0 0 0 0 .707l.708.708a.5.5 0 0 0 .707 0l1.293-1.293Zm-3 3a.5.5 0 0 0 0-.706l-.708-.708a.5.5 0 0 0-.707 0L.646 13.94a.5.5 0 0 0 0 .707l.708.708a.5.5 0 0 0 .707 0L8.354 9.06Z" fill="#99A2AD"/>
</svg>
<path d="M13.7298 20.9716C14.4148 20.9716 14.908 20.5081 14.908 19.8459C14.908 19.6284 14.8624 19.4108 14.7528 19.0986L10.9166 8.31486C10.5878 7.3973 10.058 7 9.19031 7C8.33174 7 7.80199 7.41622 7.4823 8.32432L3.65527 19.0986C3.54567 19.3919 3.5 19.6568 3.5 19.8459C3.5 20.5365 3.96582 20.9716 4.68738 20.9716C5.29934 20.9716 5.64643 20.6595 5.86564 19.9216L6.73334 17.3297H11.6564L12.5241 19.9405C12.7342 20.6689 13.0904 20.9716 13.7298 20.9716ZM11.081 15.4H7.2905L9.14464 9.57297H9.20858L11.081 15.4ZM23.3948 21C24.0342 21 24.5 20.5743 24.5 19.8176V13.9054C24.5 11.8905 22.9381 10.5757 20.536 10.5757C18.6818 10.5757 17.1839 11.3135 16.6907 12.477C16.5902 12.6946 16.5354 12.9027 16.5354 13.1203C16.5354 13.6878 16.9373 14.0662 17.4944 14.0662C17.878 14.0662 18.1795 13.9149 18.4169 13.5932C18.9832 12.7324 19.5587 12.4203 20.4446 12.4203C21.5681 12.4203 22.2531 13.0257 22.2531 14.0757V14.7946L19.6865 14.9459C17.33 15.0973 16.0056 16.1662 16.0056 17.9446C16.0056 19.7514 17.3666 20.9716 19.239 20.9716C20.4903 20.9716 21.7051 20.3 22.2622 19.2122H22.3079V19.9122C22.3444 20.6122 22.7737 21 23.3948 21ZM19.9331 19.1932C18.9467 19.1932 18.2799 18.673 18.2799 17.85C18.2799 17.0554 18.9102 16.5446 20.0062 16.4689L22.2531 16.327V17.0932C22.2531 18.3041 21.2119 19.1932 19.9331 19.1932Z" fill="#99A2AD"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 791 B

After

Width:  |  Height:  |  Size: 1.4 KiB