anyproto/anytype-ts
1
0
Fork 0
mirror of https://github.com/anyproto/anytype-ts.git synced 2025-06-10 18:10:54 +09:00
Code Activity

remove relations big and small icons, change to big

Browse source
This commit is contained in:
Andrew Simachev 2024-09-17 20:50:43 +02:00
parent 2af0dae033
commit efecb01b03
No known key found for this signature in database
GPG key ID: 1DFE44B21443F0EF
28 changed files with 16 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dist/img/icon/relation/big/checkbox.svg → dist/img/icon/relation/checkbox.svg vendored
View file

@ -1,4 +1,4 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 14.5L13.5 19L19.5 9" stroke="#B6B6B6" stroke-width="1.5"/>
<rect x="3.75" y="3.75" width="20.5" height="20.5" rx="4.25" stroke="#B6B6B6" stroke-width="1.5"/>
</svg>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 273 B

After

Width:  |  Height:  |  Size: 272 B

Before After
Before After

0
dist/img/icon/relation/big/date.svg → dist/img/icon/relation/date.svg vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Before After
Before After

0
dist/img/icon/relation/big/email.svg → dist/img/icon/relation/email.svg vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 370 B

After

Width:  |  Height:  |  Size: 370 B

Before After
Before After

0
dist/img/icon/relation/big/file.svg → dist/img/icon/relation/file.svg vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Before After
Before After

0
dist/img/icon/relation/big/longText.svg → dist/img/icon/relation/longText.svg vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 293 B

After

Width:  |  Height:  |  Size: 293 B

Before After
Before After

0
dist/img/icon/relation/big/multiSelect.svg → dist/img/icon/relation/multiSelect.svg vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 391 B

After

Width:  |  Height:  |  Size: 391 B

Before After
Before After

0
dist/img/icon/relation/big/number.svg → dist/img/icon/relation/number.svg vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 367 B

After

Width:  |  Height:  |  Size: 367 B

Before After
Before After

0
dist/img/icon/relation/big/object.svg → dist/img/icon/relation/object.svg vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

0
dist/img/icon/relation/big/phone.svg → dist/img/icon/relation/phone.svg vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After

0
dist/img/icon/relation/big/select.svg → dist/img/icon/relation/select.svg vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 233 B

After

Width:  |  Height:  |  Size: 233 B

Before After
Before After

0
dist/img/icon/relation/big/shortText.svg → dist/img/icon/relation/shortText.svg vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 942 B

After

Width:  |  Height:  |  Size: 942 B

Before After
Before After

4
dist/img/icon/relation/small/checkbox.svg vendored
View file

@ -1,4 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3.25" y="3.25" width="13.5" height="13.5" rx="3" stroke="#B6B6B6" stroke-width="1.5"/>
<path d="M6.5 10L9.5 13L13.5 6.5" stroke="#B6B6B6" stroke-width="1.5"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 270 B

11
dist/img/icon/relation/small/date.svg vendored
View file

@ -1,11 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 9.25C12 9.11193 12.1119 9 12.25 9H13.75C13.8881 9 14 9.11193 14 9.25V9.75C14 9.88807 13.8881 10 13.75 10H12.25C12.1119 10 12 9.88807 12 9.75V9.25Z" fill="#B6B6B6"/>
<path d="M9 11.25C9 11.1119 9.11193 11 9.25 11H10.75C10.8881 11 11 11.1119 11 11.25V11.75C11 11.8881 10.8881 12 10.75 12H9.25C9.11193 12 9 11.8881 9 11.75V11.25Z" fill="#B6B6B6"/>
<path d="M12 11.25C12 11.1119 12.1119 11 12.25 11H13.75C13.8881 11 14 11.1119 14 11.25V11.75C14 11.8881 13.8881 12 13.75 12H12.25C12.1119 12 12 11.8881 12 11.75V11.25Z" fill="#B6B6B6"/>
<path d="M9 9.25C9 9.11193 9.11193 9 9.25 9H10.75C10.8881 9 11 9.11193 11 9.25V9.75C11 9.88807 10.8881 10 10.75 10H9.25C9.11193 10 9 9.88807 9 9.75V9.25Z" fill="#B6B6B6"/>
<path d="M6 11.25C6 11.1119 6.11193 11 6.25 11H7.75C7.88807 11 8 11.1119 8 11.25V11.75C8 11.8881 7.88807 12 7.75 12H6.25C6.11193 12 6 11.8881 6 11.75V11.25Z" fill="#B6B6B6"/>
<path d="M9 13.25C9 13.1119 9.11193 13 9.25 13H10.75C10.8881 13 11 13.1119 11 13.25V13.75C11 13.8881 10.8881 14 10.75 14H9.25C9.11193 14 9 13.8881 9 13.75V13.25Z" fill="#B6B6B6"/>
<path d="M6 13.25C6 13.1119 6.11193 13 6.25 13H7.75C7.88807 13 8 13.1119 8 13.25V13.75C8 13.8881 7.88807 14 7.75 14H6.25C6.11193 14 6 13.8881 6 13.75V13.25Z" fill="#B6B6B6"/>
<path d="M3 5.4375C3 4.88522 3.44772 4.4375 4 4.4375H16C16.5523 4.4375 17 4.88522 17 5.4375V7.43701H3V5.4375Z" fill="#B6B6B6"/>
<rect x="3.25" y="3.75" width="13.5" height="12.5" rx="2.25" stroke="#B6B6B6" stroke-width="1.5"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 1.5 KiB

4
dist/img/icon/relation/small/email.svg vendored
View file

@ -1,4 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.59314 6.56965L3.40687 5.43042L10 10.1398L16.5931 5.43042L17.4069 6.56965L10 11.8603L2.59314 6.56965Z" fill="#B6B6B6"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15 5H5C4.17157 5 3.5 5.67157 3.5 6.5V13.5C3.5 14.3284 4.17157 15 5 15H15C15.8284 15 16.5 14.3284 16.5 13.5V6.5C16.5 5.67157 15.8284 5 15 5ZM5 3.5C3.34315 3.5 2 4.84315 2 6.5V13.5C2 15.1569 3.34315 16.5 5 16.5H15C16.6569 16.5 18 15.1569 18 13.5V6.5C18 4.84315 16.6569 3.5 15 3.5H5Z" fill="#B6B6B6"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 622 B

3
dist/img/icon/relation/small/file.svg vendored
View file

@ -1,3 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.4993 7.56221C15.4109 6.64714 15.4109 5.16351 14.4993 4.24844C13.5877 3.33336 12.1097 3.33336 11.1981 4.24844L5.69603 9.77139C4.17668 11.2965 4.17638 13.7689 5.69573 15.2941C7.21508 16.8192 9.67844 16.8192 11.1978 15.2941L16.1496 10.3233L17.25 11.4279L12.2981 16.3986C10.1711 18.5338 6.72241 18.5338 4.59532 16.3986C2.46823 14.2635 2.46823 10.8017 4.59532 8.6665L10.0977 3.14384C11.617 1.61872 14.0804 1.61872 15.5997 3.14384C17.1191 4.66897 17.1191 7.14168 15.5997 8.66681L10.6479 13.6375C9.73628 14.5525 8.25827 14.5525 7.34665 13.6375C6.43504 12.7224 6.43504 11.2388 7.34665 10.3237L11.7483 5.90533L12.8487 7.00993L8.44707 11.4283C8.1432 11.7333 8.1432 12.2279 8.44707 12.5329C8.75094 12.8379 9.24361 12.8379 9.54748 12.5329L14.4993 7.56221Z" fill="#b6b6b6"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 878 B

5
dist/img/icon/relation/small/longText.svg vendored
View file

@ -1,5 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3" y="4.25" width="14" height="1.49828" fill="#b6b6b6"/>
<rect x="3" y="14.25" width="10" height="1.49828" fill="#b6b6b6"/>
<rect x="3" y="9.25" width="14" height="1.49828" fill="#b6b6b6"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 302 B

7
dist/img/icon/relation/small/multiSelect.svg vendored
View file

@ -1,7 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 4.25H12V5.74828H3V4.25Z" fill="#B6B6B6"/>
<path d="M3 9.25H12V10.7483H3V9.25Z" fill="#B6B6B6"/>
<path d="M3 14.25H12V15.7483H3V14.25Z" fill="#B6B6B6"/>
<circle cx="15.5" cy="4.99902" r="1.5" fill="#B6B6B6"/>
<circle cx="15.5" cy="14.999" r="1.5" fill="#B6B6B6"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 377 B

6
dist/img/icon/relation/small/number.svg vendored
View file

@ -1,6 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="4" y="6.04956" width="13" height="1.5" fill="#b6b6b6"/>
<rect x="3" y="12.5496" width="13" height="1.5" fill="#b6b6b6"/>
<path d="M6.9593 3.04956H8.5L6.57125 17.0223L5 17.0496L6.9593 3.04956Z" fill="#b6b6b6"/>
<path d="M13.4593 3.04956H15L13.0713 17.0223L11.5 17.0496L13.4593 3.04956Z" fill="#b6b6b6"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 415 B

4
dist/img/icon/relation/small/object.svg vendored
View file

@ -1,4 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16.5C5.51472 16.5 3.5 14.4853 3.5 12C3.5 9.51472 5.51472 7.5 8 7.5C10.4853 7.5 12.5 9.51472 12.5 12C12.5 14.4853 10.4853 16.5 8 16.5ZM8 18C4.68629 18 2 15.3137 2 12C2 8.68629 4.68629 6 8 6C11.3137 6 14 8.68629 14 12C14 15.3137 11.3137 18 8 18Z" fill="#b6b6b6"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 3.5H15.5044C16.0567 3.5 16.5044 3.94772 16.5044 4.5V10.5044C16.5044 11.0567 16.0567 11.5044 15.5044 11.5044H13.9798C13.9932 11.6678 14 11.8331 14 12C14 12.3422 13.9713 12.6778 13.9163 13.0044H15.5044C16.8851 13.0044 18.0044 11.8851 18.0044 10.5044V4.5C18.0044 3.11929 16.8851 2 15.5044 2H9.5C8.11929 2 7 3.11929 7 4.5V6.08296C7.32521 6.0284 7.65929 6 8 6C8.16838 6 8.33513 6.00694 8.5 6.02054V4.5C8.5 3.94772 8.94772 3.5 9.5 3.5Z" fill="#b6b6b6"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 919 B

5
dist/img/icon/relation/small/phone.svg vendored
View file

@ -1,5 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.19082 6.93454C8.47399 6.65137 8.49141 6.19792 8.23079 5.89386L5.97973 3.26763C5.6892 2.92868 5.1716 2.9088 4.85593 3.22447L3.27345 4.80695L6.79593 8.32943L8.19082 6.93454Z" fill="#b6b6b6"/>
<path d="M13.0681 11.8118C13.3513 11.5287 13.8047 11.5112 14.1088 11.7719L16.735 14.0229C17.0739 14.3134 17.0938 14.831 16.7781 15.1467L15.2795 16.6451L11.6732 13.2067L13.0681 11.8118Z" fill="#b6b6b6"/>
<path d="M3.00249 5.07791C3.00249 5.07791 2.75965 8.64001 7.06684 12.9357C11.3965 17.2769 14.9375 16.9871 14.9375 16.9871L15.2795 16.6451L11.6732 13.2067C11.6732 13.2067 10.7039 13.3212 8.6926 11.3099C6.68128 9.29861 6.79593 8.32943 6.79593 8.32943L3.27345 4.80695L3.00249 5.07791Z" fill="#b6b6b6"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 807 B

4
dist/img/icon/relation/small/select.svg vendored
View file

@ -1,4 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46967 12.5304L5.53033 11.4697L10 15.9394L14.4697 11.4697L15.5303 12.5304L10 18.0607L4.46967 12.5304Z" fill="#B6B6B6"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46967 7.46961L5.53033 8.53027L10 4.0606L14.4697 8.53027L15.5303 7.46961L10 1.93928L4.46967 7.46961Z" fill="#B6B6B6"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 443 B

5
dist/img/icon/relation/small/shortText.svg vendored
View file

@ -1,5 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="2" y="15.001" width="16" height="1.49889" fill="#b6b6b6"/>
<path d="M3.61223 13L4.53632 10.3535H8.4686L9.38777 13H11L7.37739 3H5.62261L2 13H3.61223ZM4.9787 9.08398L6.46313 4.81641H6.54178L8.02622 9.08398H4.9787Z" fill="#b6b6b6"/>
<path d="M14.2243 13.1705C15.4871 13.1705 16.198 12.5291 16.4814 11.9574H16.5411V13.0014H17.9928V7.9304C17.9928 5.7081 16.2428 5.26562 15.0297 5.26562C13.6476 5.26562 12.3749 5.82244 11.8777 7.21449L13.2747 7.53267C13.4935 6.99077 14.0503 6.46875 15.0496 6.46875C16.0091 6.46875 16.5013 6.97088 16.5013 7.83594V7.87074C16.5013 8.41264 15.9445 8.4027 14.5723 8.56179C13.1256 8.73082 11.644 9.10866 11.644 10.8437C11.644 12.3452 12.7726 13.1705 14.2243 13.1705ZM14.5475 11.9773C13.7073 11.9773 13.1007 11.5994 13.1007 10.8636C13.1007 10.0682 13.8067 9.7848 14.6668 9.67045C15.149 9.60582 16.2925 9.47656 16.5063 9.26278V10.2472C16.5063 11.152 15.7854 11.9773 14.5475 11.9773Z" fill="#b6b6b6"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 1 KiB

4
dist/img/icon/relation/small/url.svg vendored
View file

@ -1,4 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.55698 8.85516C9.91527 8.95785 10.2533 9.1503 10.5355 9.43253C11.4228 10.3198 11.4228 11.7584 10.5355 12.6457L8.39337 14.7878C7.50607 15.6751 6.06748 15.6751 5.18018 14.7878C4.29289 13.9005 4.29289 12.4619 5.18018 11.5746L6.68116 10.0737C6.50448 9.41199 6.47965 8.71819 6.60667 8.04748C6.48335 8.14345 6.3646 8.24811 6.25124 8.36146L4.10912 10.5036C2.63029 11.9824 2.63029 14.3801 4.10912 15.8589C5.58795 17.3377 7.9856 17.3377 9.46443 15.8589L11.6066 13.7168C13.0854 12.2379 13.0854 9.84029 11.6066 8.36146C11.2258 7.98069 10.7841 7.69795 10.3128 7.51326L10 7.82605C9.71495 8.11114 9.56726 8.48161 9.55698 8.85516Z" fill="#b6b6b6"/>
<path d="M10.443 11.0809C10.0847 10.9782 9.74661 10.7858 9.46436 10.5035C8.57706 9.61621 8.57706 8.17762 9.46436 7.29032L11.6065 5.1482C12.4938 4.2609 13.9324 4.2609 14.8197 5.1482C15.707 6.0355 15.707 7.47409 14.8197 8.36138L13.3188 9.8623C13.4955 10.524 13.5203 11.2177 13.3933 11.8884C13.5166 11.7925 13.6353 11.6879 13.7486 11.5746L15.8907 9.43245C17.3696 7.95362 17.3696 5.55597 15.8907 4.07714C14.4119 2.59831 12.0143 2.59831 10.5354 4.07714L8.3933 6.21926C6.91447 7.69809 6.91447 10.0957 8.3933 11.5746C8.77413 11.9554 9.21589 12.2382 9.6872 12.4228L9.99991 12.1101C10.285 11.825 10.4327 11.4545 10.443 11.0809Z" fill="#b6b6b6"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 1.4 KiB

0
dist/img/icon/relation/big/tag.svg → dist/img/icon/relation/tag.svg vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1 KiB

After

Width:  |  Height:  |  Size: 1 KiB

Before After
Before After

0
dist/img/icon/relation/big/url.svg → dist/img/icon/relation/url.svg vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Before After
Before After

24
src/scss/component/icon.scss
View file

@ -21,18 +21,18 @@
.icon.ghost { background-image: url('~img/icon/ghost.svg'); }
.icon.relation.default { background-image: url('~img/icon/menu/action/block/relation0.svg'); }
.icon.relation.c-longText { background-image: url('~img/icon/relation/small/longText.svg'); }
.icon.relation.c-shortText { background-image: url('~img/icon/relation/small/shortText.svg'); }
.icon.relation.c-number { background-image: url('~img/icon/relation/small/number.svg'); }
.icon.relation.c-date { background-image: url('~img/icon/relation/small/date.svg'); }
.icon.relation.c-select.isMultiSelect { background-image: url('~img/icon/relation/small/multiSelect.svg'); }
.icon.relation.c-select.isSelect { background-image: url('~img/icon/relation/small/select.svg'); }
.icon.relation.c-object { background-image: url('~img/icon/relation/small/object.svg'); }
.icon.relation.c-file { background-image: url('~img/icon/relation/small/file.svg'); }
.icon.relation.c-checkbox { background-image: url('~img/icon/relation/small/checkbox.svg'); }
.icon.relation.c-url { background-image: url('~img/icon/relation/small/url.svg'); }
.icon.relation.c-email { background-image: url('~img/icon/relation/small/email.svg'); }
.icon.relation.c-phone { background-image: url('~img/icon/relation/small/phone.svg'); }
.icon.relation.c-longText { background-image: url('~img/icon/relation/longText.svg'); }
.icon.relation.c-shortText { background-image: url('~img/icon/relation/shortText.svg'); }
.icon.relation.c-number { background-image: url('~img/icon/relation/number.svg'); }
.icon.relation.c-date { background-image: url('~img/icon/relation/date.svg'); }
.icon.relation.c-select.isMultiSelect { background-image: url('~img/icon/relation/multiSelect.svg'); }
.icon.relation.c-select.isSelect { background-image: url('~img/icon/relation/select.svg'); }
.icon.relation.c-object { background-image: url('~img/icon/relation/object.svg'); }
.icon.relation.c-file { background-image: url('~img/icon/relation/file.svg'); }
.icon.relation.c-checkbox { background-image: url('~img/icon/relation/checkbox.svg'); }
.icon.relation.c-url { background-image: url('~img/icon/relation/url.svg'); }
.icon.relation.c-email { background-image: url('~img/icon/relation/email.svg'); }
.icon.relation.c-phone { background-image: url('~img/icon/relation/phone.svg'); }
.icon.layout.c-page { background-image: url('~img/icon/object/page.svg'); }
.icon.layout.c-human { background-image: url('~img/icon/object/human.svg'); }

6
src/ts/component/util/iconObject.tsx
View file

@ -2,7 +2,7 @@ import * as React from 'react';
import $ from 'jquery';
import { observer } from 'mobx-react';
import { IconEmoji } from 'Component';
import { I, S, U, J, Preview, translate } from 'Lib';
import { I, S, U, J, Preview, translate, Relation } from 'Lib';
interface Props {
id?: string;
@ -245,9 +245,7 @@ const IconObject = observer(class IconObject extends React.Component<Props> {
break;
};
const key = iconSize < 28 ? 'small' : 'big';
const name = U.Common.toCamelCase(I.RelationType[relationFormat]);
const src = require(`img/icon/relation/${key}/${name}.svg`).default;
const src = require(`img/icon/relation/${Relation.typeName(relationFormat)}.svg`).default;
icn = icn.concat([ 'iconCommon', 'c' + iconSize ]);
icon = <img src={src} className={icn.join(' ')} />;

2
src/ts/lib/util/graph.ts
View file

@ -7,7 +7,7 @@ class UtilGraph {
switch (d.layout) {
case I.ObjectLayout.Relation: {
src = `img/icon/relation/big/${Relation.typeName(d.relationFormat)}.svg`;
src = `img/icon/relation/${Relation.typeName(d.relationFormat)}.svg`;
break;
};