agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-05-23 09:09:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

[web] Share third-party integration icons + add Papers icon (#33537)

Browse Source 
* [web] Add Papers/ReadCube icon to plans page integrations

Closes #33493

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* Delete old 200kB zotero logo

* Allow png use in logos

* Allow wrap

* [web] Share third-party integration icon list across plans and onboarding pages

Extract the icons array to services/web/app/src/util/third-party-icons.mjs
so the plans-2026 feature table and the try_premium onboarding page render
from a single source. The try_premium page now also includes Papers and
follows the plans page ordering.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* [web] Allow ciam try-premium logo row to wrap

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
GitOrigin-RevId: f5a52418cbe01d9e343092b552183dffa3ae78bd
This commit is contained in:
Antoine Clausse
2026-05-13 09:29:32 +02:00
committed by Copybot
parent e04be692e2
commit 13e426b14c
5 changed files with 66 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
services/web/app/src/util/third-party-icons.mjs Normal file
View File

@@ -0,0 +1,15 @@
// @ts-check
/**
* Third-party integration icons shown across marketing and onboarding surfaces.
*/
const thirdPartyIcons = [
{ file: 'git.svg', label: 'Git' },
{ file: 'github.svg', label: 'GitHub' },
{ file: 'dropbox.svg', label: 'Dropbox' },
{ file: 'zotero_64x64x32.png', label: 'Zotero' },
{ file: 'mendeley.svg', label: 'Mendeley' },
{ file: 'papers.svg', label: 'Papers' },
]
export default thirdPartyIcons

1
services/web/frontend/stylesheets/ciam/ciam-try-premium.scss
View File

@@ -1,5 +1,6 @@
.ciam-try-premium-logo-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--ds-spacing-600);
padding: var(--ds-spacing-200) 0 var(--ds-spacing-500) 0;

1
services/web/frontend/stylesheets/pages/plans-2026.scss
View File

@@ -688,6 +688,7 @@
.plans-feature-table-section-icons {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: var(--spacing-04);
}

49
services/web/public/img/third-party-icons/papers.svg Normal file
View File

@@ -0,0 +1,49 @@
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 3 40 43" fill="none">
<g style="mix-blend-mode:multiply">
<path
d="M11.1972 16.096C11.5773 16.0335 11.9303 16.1675 12.2564 16.498L12.5308 16.7749C12.9671 16.3305 13.2909 15.9106 13.4978 15.5176L18.8051 5.72438C19.0255 5.32237 19.0705 5.05884 18.9378 4.93377C18.8141 4.79977 18.5488 4.84444 18.144 5.06777L8.49405 10.4524C8.08925 10.6846 7.66872 11.0196 7.23693 11.4574C6.78716 11.913 6.45657 12.3418 6.24518 12.7438L0.924337 22.5102C0.694951 22.9122 0.645476 23.1802 0.77816 23.3142C0.901848 23.4392 1.16722 23.3901 1.57201 23.1668L9.06752 19.015L10.2842 16.7772C10.5045 16.3752 10.8081 16.1474 11.1972 16.0938V16.096Z"
fill="#9924C7"/>
</g>
<g style="mix-blend-mode:multiply">
<path
d="M28.3561 30.561L30.6297 29.3014L34.6799 21.8666C34.9003 21.4557 34.9745 20.9912 34.9048 20.473C34.8351 19.9549 34.635 19.5306 34.3089 19.2L34.2976 19.1889L28.3696 22.4987C27.9715 22.722 27.5173 22.7979 27.0068 22.7265C26.494 22.655 26.0757 22.454 25.7496 22.1235L19.554 15.8545L17.4985 19.6311C17.2781 20.0331 17.2084 20.4976 17.2871 21.0247C17.3321 21.3485 17.4288 21.6299 17.5682 21.88L21.7714 26.1323C21.8951 26.2574 21.994 26.4026 22.0817 26.5544L27.063 31.5906C27.063 31.5906 27.0765 31.575 27.0832 31.5683C27.524 31.1305 27.949 30.7955 28.3538 30.5633L28.3561 30.561Z"
fill="#FFC24F"/>
</g>
<g style="mix-blend-mode:multiply">
<path
d="M15.9087 39.2578C15.5197 39.3114 15.1666 39.1729 14.8495 38.8424L5.33226 29.2234C5.33226 29.2234 5.32551 29.2144 5.32101 29.21L1.55189 31.3115C1.15384 31.5349 0.928956 31.8431 0.877232 32.2361C0.816512 32.6203 0.946947 32.9776 1.27528 33.3081L10.7925 42.9405C11.1186 43.2711 11.5392 43.4721 12.0497 43.5435C12.5624 43.615 13.0212 43.5391 13.426 43.3157L23.0759 37.9312C23.4739 37.7078 23.6988 37.3996 23.7506 37.0065C23.8113 36.6135 23.6808 36.2561 23.3525 35.9345L20.0691 32.6069L16.824 38.5632C16.6036 38.9741 16.3 39.2064 15.911 39.26L15.9087 39.2578Z"
fill="#FF3D3D"/>
</g>
<g style="mix-blend-mode:multiply">
<path
d="M23.7345 9.15237C24.1146 9.09877 24.4676 9.23724 24.7937 9.56777L34.2997 19.189L38.0194 17.112C38.4242 16.8887 38.6558 16.5805 38.7075 16.1874C38.7615 15.7943 38.6288 15.4325 38.3095 15.102L28.7922 5.48299C28.4751 5.15246 28.0591 4.95146 27.5486 4.87999C27.0269 4.80852 26.5681 4.88446 26.1723 5.10779L16.5111 10.479C16.1063 10.7023 15.8747 11.0105 15.823 11.4036C15.769 11.7966 15.9062 12.1584 16.2323 12.489L19.5538 15.8502L22.8192 9.84694C23.0396 9.436 23.3432 9.20374 23.7323 9.15014L23.7345 9.15237Z"
fill="#26C4FF"/>
</g>
<path
d="M27.007 22.7246C27.5197 22.7961 27.974 22.7201 28.3698 22.4968L34.2978 19.187L24.7918 9.56578C24.4657 9.23525 24.1127 9.09678 23.7326 9.15038C23.3436 9.20398 23.04 9.43625 22.8196 9.84718L19.5542 15.8504L25.7499 22.1194C26.0759 22.4499 26.4965 22.6509 27.007 22.7224V22.7246Z"
fill="#26B5FF"/>
<g style="mix-blend-mode:multiply">
<path
d="M38.8134 25.0671C38.6898 24.9331 38.4244 24.9777 38.0196 25.2011L30.6298 29.2993L29.3592 31.6309C29.1388 32.0329 28.8352 32.2607 28.4461 32.3143C28.0571 32.3768 27.704 32.2428 27.3869 31.9123L27.0653 31.5884C26.6358 32.0351 26.3097 32.4572 26.0938 32.8525L20.7999 42.6457C20.5796 43.0477 20.5301 43.3157 20.6538 43.4497C20.7864 43.5837 21.0518 43.5346 21.4476 43.3023L31.0975 37.9177C31.4956 37.6944 31.9184 37.3594 32.3682 36.9127C32.7999 36.466 33.1305 36.0372 33.3599 35.6263L38.6808 25.8599C38.9011 25.4579 38.9461 25.1944 38.8134 25.0693V25.0671Z"
fill="#FF0FA6"/>
</g>
<path
d="M28.4462 32.3143C28.8353 32.2607 29.1389 32.0329 29.3593 31.6309L30.6299 29.2993L28.3563 30.5589C27.9515 30.7912 27.5265 31.1262 27.0857 31.5639C27.0789 31.5706 27.0722 31.5796 27.0654 31.5863L27.387 31.9101C27.7041 32.2406 28.0572 32.3746 28.4462 32.3121V32.3143Z"
fill="#EC0093"/>
<g style="mix-blend-mode:multiply">
<path
d="M17.5704 21.8758L12.5306 16.7749C12.5306 16.7749 12.5149 16.7928 12.5036 16.8017C12.0719 17.2394 11.6513 17.5744 11.2465 17.8067L9.06512 19.0149L4.96092 26.5569C4.74053 26.9679 4.67081 27.4324 4.74953 27.9505C4.81924 28.462 5.0104 28.8796 5.32074 29.2079L11.2128 25.9227C11.6108 25.6993 12.0696 25.6279 12.5891 25.7083C13.1018 25.7797 13.5201 25.9763 13.8462 26.2979L20.0666 32.6003L22.1423 28.7925C22.3627 28.3905 22.4369 27.926 22.3672 27.3989C22.3245 27.0773 22.2255 26.7981 22.0816 26.548L17.8695 22.2912C17.7503 22.1662 17.6536 22.0255 17.5704 21.8736V21.8758Z"
fill="#99D942"/>
</g>
<path
d="M12.5037 16.8037C12.5037 16.8037 12.5217 16.7858 12.5307 16.7769L12.2563 16.4999C11.9302 16.1694 11.5771 16.0354 11.1971 16.0979C10.808 16.1515 10.5044 16.3793 10.284 16.7813L9.06738 19.0191L11.2488 17.8109C11.6536 17.5786 12.0741 17.2436 12.5059 16.8059L12.5037 16.8037Z"
fill="#959771"/>
<path
d="M17.5706 21.8755C17.6561 22.0274 17.7505 22.1681 17.8697 22.2931L22.0819 26.5499C21.9941 26.398 21.8952 26.2528 21.7715 26.1278L17.5684 21.8755H17.5706Z"
fill="#98D843"/>
<path
d="M12.5916 25.7101C12.0721 25.6297 11.6111 25.7012 11.2153 25.9245L5.32324 29.2098C5.32324 29.2098 5.32999 29.2187 5.33449 29.2232L14.8517 38.8422C15.1688 39.1727 15.5219 39.3112 15.911 39.2576C16.3 39.204 16.6036 38.9717 16.824 38.5608L20.0691 32.6045L13.8487 26.302C13.5226 25.9804 13.1021 25.7838 12.5916 25.7124V25.7101Z"
fill="#87C742"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

9
services/web/public/img/third-party-icons/zotero.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 190 KiB