Prototype more elegant status icons

more-elegant-retoot-favourite
Nick Colley 2022-12-11 00:34:47 +00:00
rodzic 3fb152ac7c
commit de20f24e57
4 zmienionych plików z 8 dodań i 6 usunięć

Wyświetl plik

@ -9,6 +9,7 @@ export default [
{ id: 'fa-reply', src: 'src/thirdparty/font-awesome-svg-png/white/svg/reply.svg' },
{ id: 'fa-reply-all', src: 'src/thirdparty/font-awesome-svg-png/white/svg/reply-all.svg' },
{ id: 'fa-retweet', src: 'src/thirdparty/font-awesome-svg-png/white/svg/retweet.svg' },
{ id: 'fa-retweet-o', src: 'src/thirdparty/font-awesome-svg-png/white/svg/retweet-o.svg' },
{ id: 'fa-star', src: 'src/thirdparty/font-awesome-svg-png/white/svg/star.svg' },
{ id: 'fa-star-o', src: 'src/thirdparty/font-awesome-svg-png/white/svg/star-o.svg' },
{ id: 'fa-ellipsis-h', src: 'src/thirdparty/font-awesome-svg-png/white/svg/ellipsis-h.svg' },

Wyświetl plik

@ -14,7 +14,6 @@
pressedLabel="Unboost"
pressable={!reblogDisabled}
pressed={reblogged}
checked={reblogged}
disabled={reblogDisabled}
href={reblogIcon}
clickListener={false}
@ -26,8 +25,7 @@
pressedLabel="{intl.unfavorite}"
pressable={true}
pressed={favorited}
checked={favorited}
href="#fa-star"
href={favorited ? '#fa-star' : '#fa-star-o'}
clickListener={false}
elementId={favoriteKey}
ref:favoriteIcon
@ -201,14 +199,14 @@
return 'intl.reblog'
}
},
reblogIcon: ({ visibility }) => {
reblogIcon: ({ reblogged, visibility }) => {
switch (visibility) {
case 'private':
return '#fa-lock'
case 'direct':
return '#fa-envelope'
default:
return '#fa-retweet'
return reblogged ? '#fa-retweet' : '#fa-retweet-o'
}
},
reblogDisabled: ({ visibility }) => {

Wyświetl plik

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="utf-8"?>
<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M 344.93555 332.4707 C 330.66405 332.47154 317.2361 338.92068 308.3125 350.05664 L 32.769531 694.48633 C 32.768531 694.48733 32.768578 694.48923 32.767578 694.49023 C 21.479168 708.64123 19.31249 727.77805 27.15625 744.09375 C 35.00333 760.4164 51.313304 770.67907 69.419922 770.69727 L 69.421875 770.69727 L 261.92578 770.69531 L 261.92578 1374.5254 C 261.92778 1393.8546 277.59661 1409.5235 296.92578 1409.5254 L 1018.9473 1409.5254 C 1048.2928 1409.5254 1064.6072 1375.5784 1046.2793 1352.6602 L 969.46484 1256.6426 C 962.82196 1248.3404 952.76555 1243.5076 942.13281 1243.5078 L 427.94336 1243.5078 L 427.94336 770.69336 L 620.44922 770.69141 C 636.77622 770.68021 656.4481 757.13318 662.7168 744.09375 C 668.9846 731.05619 667.28106 707.23518 657.09766 694.47656 L 381.57812 350.08008 C 372.65443 338.92937 359.21705 332.47154 344.93555 332.4707 z M 775.74023 382.4707 C 746.39752 382.4777 730.08556 416.41666 748.41016 439.33398 L 825.2207 535.34961 C 831.86277 543.65204 841.9184 548.48546 852.55078 548.48633 L 1364.0664 548.48633 L 1364.0664 1021.3066 L 1171.5586 1021.3105 C 1153.4472 1021.3245 1137.1398 1031.586 1129.293 1047.9082 C 1121.4489 1064.2242 1123.614 1083.3608 1134.9023 1097.5117 L 1410.4238 1441.9121 C 1429.7105 1466.0066 1464.4202 1466.0056 1483.7051 1441.9121 L 1759.2188 1097.5195 C 1770.5185 1083.3668 1772.6906 1064.2203 1764.8438 1047.8984 C 1756.9968 1031.576 1740.6872 1021.3138 1722.5762 1021.3008 L 1530.0703 1021.3047 L 1530.0703 417.4707 C 1530.0703 398.14153 1514.3995 382.47263 1495.0703 382.4707 L 775.74023 382.4707 z M 33.429688 693.40039 C 33.414887 693.42339 33.255124 693.67018 33.089844 693.92578 C 33.215634 693.74786 33.386769 693.50575 33.386719 693.50586 C 33.386689 693.50593 33.415788 693.43376 33.429688 693.40039 z " fill="#fff"/></svg>

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 1.9 KiB

Wyświetl plik

@ -1 +1,2 @@
<svg viewBox="0 0 1792 1792" width="1792" height="1792" xmlns:svg="http://www.w3.org/2000/svg"><path fill="#fff" d="m 384.00001,344.0625 a 71.966714,71.966714 0 0 0 -56.18749,27 l -256.000008,320 a 71.966714,71.966714 0 0 0 56.187498,116.875 h 104.0625 V 1376 a 71.966714,71.966714 0 0 0 71.9375,71.9375 H 1024 a 71.966714,71.966714 0 0 0 56.1875,-116.875 l -128,-160 a 71.966714,71.966714 0 0 0 -56.18749,-27 h -360.0625 v -336.125 h 104.0625 a 71.966714,71.966714 0 0 0 56.18748,-116.875 l -256,-320 a 71.966714,71.966714 0 0 0 -56.18748,-27 z m 384,0 a 71.966714,71.966714 0 0 0 -56.18749,116.875 l 128,160 a 71.966714,71.966714 0 0 0 56.18749,27 h 360.06249 v 336.125 H 1152 a 71.966714,71.966714 0 0 0 -56.1875,116.875 l 256,320 a 71.966714,71.966714 0 0 0 112.375,0 l 256,-320 A 71.966714,71.966714 0 0 0 1664,984.0625 H 1559.9375 V 416 A 71.966714,71.966714 0 0 0 1488,344.0625 Z" /></svg>
<?xml version="1.0" encoding="utf-8"?>
<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M 344.93555 332.4707 C 330.66408 332.47154 317.23608 338.92068 308.3125 350.05664 L 32.769531 694.48633 C 32.768531 694.48733 32.768488 694.48923 32.767578 694.49023 C 21.479167 708.64123 19.312494 727.77805 27.15625 744.09375 C 35.003334 760.4164 51.313302 770.67907 69.419922 770.69727 L 69.421875 770.69727 L 211.92578 770.69727 L 211.92578 1412.6133 L 211.92578 1412.623 C 211.9443 1438.9419 232.51069 1459.5084 258.83008 1459.5254 L 258.83203 1459.5254 L 258.83984 1459.5254 L 1033.7402 1459.5254 C 1051.8516 1459.5136 1068.1625 1449.251 1076.0098 1432.9277 C 1083.8542 1416.6108 1081.6873 1397.4717 1070.3965 1383.3203 L 1070.4062 1383.3203 L 932.64453 1211.1172 C 923.72047 1199.966 910.28224 1193.5081 896 1193.5078 L 477.94336 1193.5078 L 477.94336 770.69141 L 620.44922 770.69141 C 636.77623 770.68022 656.4481 757.13318 662.7168 744.09375 C 668.98459 731.05619 667.28108 707.23518 657.09766 694.47656 L 381.57812 350.08008 L 381.58008 350.08008 C 372.65642 338.92937 359.21896 332.47154 344.9375 332.4707 L 344.93555 332.4707 z M 758.25195 332.4707 C 740.14183 332.48432 723.83119 342.7482 715.98438 359.07031 C 708.14242 375.38219 710.30832 394.51407 721.58984 408.66406 L 721.89844 409.02344 L 721.93945 409.10352 L 859.18359 580.66016 L 859.1875 580.66406 L 859.35938 580.88086 C 868.2835 592.02972 881.7197 598.48603 896 598.48633 L 1314.0664 598.48633 L 1314.0664 1021.3105 L 1171.5586 1021.3105 C 1153.4472 1021.3246 1137.1398 1031.586 1129.293 1047.9082 C 1121.4489 1064.2242 1123.614 1083.3608 1134.9023 1097.5117 L 1410.4238 1441.9121 C 1429.7105 1466.0067 1464.4202 1466.0056 1483.7051 1441.9121 L 1759.2188 1097.5195 C 1770.5185 1083.3668 1772.6906 1064.2203 1764.8438 1047.8984 C 1756.9968 1031.576 1740.6872 1021.3138 1722.5762 1021.3008 L 1580.0703 1021.3008 L 1580.0703 379.38867 C 1580.0594 353.06257 1559.4902 332.4872 1533.166 332.4707 L 758.25586 332.4707 L 758.25195 332.4707 z M 33.429688 693.40039 C 33.414846 693.42338 33.255128 693.67018 33.089844 693.92578 C 33.21563 693.74786 33.386769 693.50575 33.386719 693.50586 C 33.386689 693.50593 33.415827 693.43379 33.429688 693.40039 z " fill="#fff"/></svg>

Przed

Szerokość:  |  Wysokość:  |  Rozmiar: 897 B

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 2.2 KiB