Etheryo/curriculum-vitae
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases 1 Packages Wiki Activity Actions

Updated to Svelte 4.2.9, Frontend: Optimised pill to not bind mouseover and other functions for unused tooltips. Removed unused function in +page.svelte.

Browse source
This commit is contained in:
Yohan Boujon 2024-02-01 17:20:32 +01:00
parent 7f9cee5798
commit 0ec0999130
4 changed files with 77 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
frontend/package-lock.json generated
View file

@ -19,7 +19,7 @@
"@sveltejs/adapter-auto": "^2.0.0",
"@sveltejs/kit": "^1.20.4",
"autoprefixer": "10.4.16",
"svelte": "^4.0.5",
"svelte": "^4.2.9",
"vite": "^4.4.2"
}
},
@ -668,9 +668,9 @@
}
},
"node_modules/axobject-query": {
"version": "3.2.1",
"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
"integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.0.0.tgz",
"integrity": "sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==",
"dev": true,
"dependencies": {
"dequal": "^2.0.3"
@ -1326,17 +1326,18 @@
}
},
"node_modules/svelte": {
"version": "4.2.5",
"resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.5.tgz",
"integrity": "sha512-P9YPKsGkNdw4OJbtpd1uzimQHPj7Ai2sPcOHmmD6VgkFhFDmcYevQi7vE4cQ1g8/Vs64aL2TwMoCNFAzv7TPaQ==",
"version": "4.2.9",
"resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.9.tgz",
"integrity": "sha512-hsoB/WZGEPFXeRRLPhPrbRz67PhP6sqYgvwcAs+gWdSQSvNDw+/lTeUJSWe5h2xC97Fz/8QxAOqItwBzNJPU8w==",
"dev": true,
"dependencies": {
"@ampproject/remapping": "^2.2.1",
"@jridgewell/sourcemap-codec": "^1.4.15",
"@jridgewell/trace-mapping": "^0.3.18",
"@types/estree": "^1.0.1",
"acorn": "^8.9.0",
"aria-query": "^5.3.0",
"axobject-query": "^3.2.1",
"axobject-query": "^4.0.0",
"code-red": "^1.0.3",
"css-tree": "^2.3.1",
"estree-walker": "^3.0.3",
@ -1444,9 +1445,9 @@
}
},
"node_modules/vite": {
"version": "4.5.0",
"resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
"integrity": "sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==",
"version": "4.5.2",
"resolved": "https://registry.npmjs.org/vite/-/vite-4.5.2.tgz",
"integrity": "sha512-tBCZBNSBbHQkaGyhGCDUGqeo2ph8Fstyp6FMSvTtsXeZSPpSMGlviAOav2hxVTqFcx8Hj/twtWKsMJXNY0xI8w==",
"dev": true,
"dependencies": {
"esbuild": "^0.18.10",

2
frontend/package.json
View file

@ -11,7 +11,7 @@
"@sveltejs/adapter-auto": "^2.0.0",
"@sveltejs/kit": "^1.20.4",
"autoprefixer": "10.4.16",
"svelte": "^4.0.5",
"svelte": "^4.2.9",
"vite": "^4.4.2"
},
"type": "module",

21
frontend/src/lib/components/pill.svelte
View file

@ -72,12 +72,15 @@
afterUpdate(async () => {
// 16 = arrow size + something
if (show_tooltip && tooltip_data.length > 0) {
offsetUp = main_pill.offsetTop - pill_tooltip.offsetHeight - 16;
}
});
</script>
<svelte:window bind:innerWidth bind:scrollY />
{#if show_tooltip && tooltip_data.length > 0}
<div
class={white ? "pill-container pill-white" : "pill-container pill-black"}
{style}
@ -118,3 +121,21 @@
{/if}
<p>{name}</p>
</div>
{:else}
<div
class={white ? "pill-container pill-white" : "pill-container pill-black"}
{style}
>
{#if type_icon === "simpleicons"}
<img
height="20"
width="20"
src="https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/{icon}.svg"
alt={name}
/>
{:else}
<SvgIcon type="mdi" path={icon} size="20" />
{/if}
<p>{name}</p>
</div>
{/if}

4
frontend/src/routes/+page.svelte
View file

@ -76,9 +76,6 @@
// Mobile check
$: innerWidth = 0;
function mobileCheck() {
//console.log(innerWidth);
}
</script>
<svelte:window
@ -86,7 +83,6 @@
bind:innerHeight
bind:innerWidth
on:scroll={sidebarScrollingHandler}
on:resize={mobileCheck}
/>
{#if data.status == 0}