Adjustments to the event look in the table

- More adjustments to make the event stronger and the link lighter and less messy
- Checking in the icons but need to wire them up

refs https://github.com/TryGhost/Team/issues/1851
This commit is contained in:
James Morris 2022-08-25 15:47:42 +01:00
parent 38ce6ee66e
commit b01a56e057
13 changed files with 71 additions and 5 deletions

View File

@ -158,10 +158,8 @@
}
.gh-members-activity-description.feature-memberAttribution a {
font-weight: 400;
font-weight: 500;
color: var(--midgrey) !important;
text-decoration: underline;
text-decoration-color: var(--midlightgrey);
transition: all 150ms ease;
}
@ -180,8 +178,8 @@
}
.feature-memberAttribution .gh-members-activity-event-join {
font-weight: 400;
color: var(--midgrey);
font-weight: 500;
color: var(--darkgrey);
}
.gh-members-activity-icon {

View File

@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.4385 6.54891V3.12891" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.522 6.97317C12.9456 6.69787 12.2234 6.54883 11.4386 6.54883C9.54615 6.54883 8.01855 6.54883 8.01855 8.82883C8.01855 9.85642 8.63606 10.5753 9.5 11.1709M13.522 13.4296C14.3093 14.0051 14.8586 14.6997 14.8586 15.6688C14.8586 17.9488 13.331 17.9488 11.4386 17.9488C10.7181 17.9488 10.0505 17.8662 9.5 17.6695" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.4385 17.9492V21.3692" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.9385 7.55566L7.50156 16.7596" stroke="#F50B23" stroke-width="1.7" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 864 B

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="M11.9963 5C7.85832 5 4.5 7.80374 4.5 11.2653C4.5208 12.1411 4.7345 13.0001 5.12452 13.7757C5.51453 14.5512 6.07037 15.2224 6.74888 15.7372C6.82427 16.0165 6.84507 16.3088 6.81002 16.5967C6.77498 16.8845 6.68482 17.1621 6.54491 17.4127C6.405 17.6634 6.21821 17.8821 5.99567 18.0558C5.77314 18.2294 5.51941 18.3545 5.24963 18.4235C5.24963 18.4235 5.00975 18.7446 5.60195 18.862C7.99325 19.3163 9.93478 17.2957 9.93478 17.2957V17.2566C10.6135 17.4182 11.3076 17.4997 12.0037 17.4993C16.1417 17.4993 19.5 14.6956 19.5 11.234C19.5 7.77241 16.1342 5 11.9963 5Z" stroke="#6C747D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 753 B

View File

@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.2401 18.5546L10.8426 16.1681L8.26916 17.4988L8.36814 13.6826L5.35477 10.6693C5.21299 10.5276 5.10861 10.353 5.05102 10.161C4.99343 9.96906 4.98444 9.76579 5.02484 9.5695C5.06399 9.35366 5.16006 9.1522 5.30314 8.98592C5.44621 8.81965 5.63109 8.6946 5.83867 8.6237L17.6392 4.68653C17.8603 4.60436 18.1003 4.5874 18.3308 4.63768C18.5613 4.68796 18.7724 4.80335 18.9392 4.97014C19.106 5.13694 19.2214 5.34811 19.2717 5.57857C19.322 5.80904 19.305 6.04909 19.2229 6.27019L17.1077 12.6099" stroke="#6C747D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.871 4.92871L8.36816 13.6829" stroke="#6C747D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.3477 14.0586L20.243 18.9539" stroke="#F50B23" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.3477 18.9531L20.243 14.0578" stroke="#F50B23" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

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="M4.00055 12H14.3105" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.2336 8.92383L14.3105 12.0008L11.2336 15.0777" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.99805 16.3077C5.88288 17.7657 7.1928 18.8823 8.73134 19.4902C10.2699 20.098 11.9541 20.1642 13.5314 19.6789C15.1087 19.1935 16.494 18.1828 17.4797 16.7984C18.4653 15.4139 18.998 13.7303 18.998 12C18.998 10.2697 18.4653 8.58611 17.4797 7.20164C16.494 5.81716 15.1087 4.80647 13.5314 4.32115C11.9541 3.83582 10.2699 3.90203 8.73134 4.50984C7.1928 5.11765 5.88288 6.2343 4.99805 7.69231" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 856 B

View File

@ -0,0 +1,7 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 6.12888V3.12891" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 14.1288C6 15.6288 7.33999 16.1288 8.99997 16.1288C10.66 16.1288 11.9999 16.1288 11.9999 14.1288C11.9999 11.1289 6 11.1289 6 8.12889C6 6.12891 7.33999 6.12891 8.99997 6.12891C10.66 6.12891 11.9999 6.8889 11.9999 8.12889" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 16.1289V19.1289" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.3379 15.2061V22.1291" stroke="#30CF43" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.877 18.668H19.8" stroke="#30CF43" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 895 B

View File

@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2704 12.6611C20.4826 12.426 20.6 12.1206 20.6 11.8039C20.6 11.4873 20.4826 11.1819 20.2704 10.9468C18.9271 9.50111 15.8694 6.68652 12.3 6.68652C8.7306 6.68652 5.67294 9.50111 4.32961 10.9468C4.11744 11.1819 4 11.4873 4 11.8039C4 12.1206 4.11744 12.426 4.32961 12.6611C5.67294 14.1068 8.7306 16.9214 12.3 16.9214C12.5357 16.9214 12.3691 16.9091 12.6 16.8858" stroke="#6C747D" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.3009 14.3635C13.714 14.3635 14.8596 13.2179 14.8596 11.8048C14.8596 10.3917 13.714 9.24609 12.3009 9.24609C10.8878 9.24609 9.74219 10.3917 9.74219 11.8048C9.74219 13.2179 10.8878 14.3635 12.3009 14.3635Z" stroke="#6C747D" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.4609 13.6865V20.6096" stroke="#30CF43" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 17.1484H21.9231" stroke="#30CF43" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

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="M13.2401 18.5546L10.8426 16.1681L8.26916 17.4988L8.36814 13.6826L5.35477 10.6693C5.21299 10.5276 5.10861 10.353 5.05102 10.161C4.99343 9.96906 4.98444 9.76579 5.02484 9.5695C5.06399 9.35366 5.16006 9.1522 5.30314 8.98592C5.44621 8.81965 5.63109 8.6946 5.83867 8.6237L17.6392 4.68653C17.8603 4.60436 18.1003 4.5874 18.3308 4.63768C18.5613 4.68796 18.7724 4.80335 18.9392 4.97014C19.106 5.13694 19.2214 5.34811 19.2717 5.57857C19.322 5.80904 19.305 6.04909 19.2229 6.27019L17.1077 12.6099" stroke="#6C747D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.871 4.92871L8.36816 13.6829" stroke="#6C747D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 16.1094L16.8232 17.9326C16.9209 18.0302 17.0791 18.0302 17.1768 17.9326L21.5 13.6094" stroke="#30CF43" stroke-width="1.44" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 973 B

View File

@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.2457 12.1438C13.5884 12.1438 15.4875 10.2446 15.4875 7.90196C15.4875 5.55928 13.5884 3.66016 11.2457 3.66016C8.90303 3.66016 7.00391 5.55928 7.00391 7.90196C7.00391 10.2446 8.90303 12.1438 11.2457 12.1438Z" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4 18.7612C4.75715 17.5184 5.82127 16.4913 7.09008 15.7785C8.35889 15.0658 9.78971 14.6914 11.245 14.6914C12.3654 14.6914 13.4713 14.9133 14.5 15.3407" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.5391 16.0771V23.0002" stroke="#30CF43" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0771 19.5391H21.0002" stroke="#30CF43" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 902 B

View File

@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 6.12888V3.12891" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 14.1288C6 15.6288 7.33999 16.1288 8.99997 16.1288C10.66 16.1288 11.9999 16.1288 11.9999 14.1288C11.9999 11.1289 6 11.1289 6 8.12889C6 6.12891 7.33999 6.12891 8.99997 6.12891C10.66 6.12891 11.9999 6.8889 11.9999 8.12889" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 16.1289V19.1289" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14 18.1104L15.8232 19.9336C15.9209 20.0312 16.0791 20.0312 16.1768 19.9336L20.5 15.6104" stroke="#30CF43" stroke-width="1.44" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 821 B

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="M16.5391 13.7637V20.6867" stroke="#6C747D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.0771 17.2246H20.0002" stroke="#6C747D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.1923 16.0711H6.15385C5.84783 16.0711 5.55434 15.9496 5.33795 15.7332C5.12157 15.5168 5 15.2233 5 14.9173V6.84037C5 6.53435 5.12157 6.24087 5.33795 6.02448C5.55434 5.80809 5.84783 5.68652 6.15385 5.68652H17.6923C17.9983 5.68652 18.2918 5.80809 18.5082 6.02448C18.7246 6.24087 18.8462 6.53435 18.8462 6.84037V12.0327" stroke="#6C747D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5 7.14062L11.9231 12.0329L18.8462 7.14062" stroke="#6C747D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.5391 13.7637V20.6867" stroke="#30CF43" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.0771 17.2246H20.0002" stroke="#30CF43" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

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 7.12888V4.12891" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 15.1288C9 16.6288 10.34 17.1288 12 17.1288C13.66 17.1288 14.9999 17.1288 14.9999 15.1288C14.9999 12.1289 9 12.1289 9 9.12889C9 7.12891 10.34 7.12891 12 7.12891C13.66 7.12891 14.9999 7.8889 14.9999 9.12889" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 17.1289V20.1289" stroke="#6C747D" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 648 B

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="M16.5 15.0762H20.42" stroke="#F50B23" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.7 17.0711H6.15385C5.84783 17.0711 5.55434 16.9496 5.33795 16.7332C5.12157 16.5168 5 16.2233 5 15.9173V7.84037C5 7.53435 5.12157 7.24087 5.33795 7.02448C5.55434 6.80809 5.84783 6.68652 6.15385 6.68652H17.6923C17.9983 6.68652 18.2918 6.80809 18.5082 7.02448C18.7246 7.24087 18.8462 7.53435 18.8462 7.84037V12.0327" stroke="#6C747D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5 8.14062L11.9231 13.0329L18.8462 8.14062" stroke="#6C747D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 767 B