BuboBubo/topos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

overflow for longer examples

Browse Source
This commit is contained in:
Raphaël Forment
2023-10-29 22:53:24 +01:00
parent 72747c961a
commit a105028f10
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/documentation/inlineHelp.ts
View File

@ -25,7 +25,7 @@ const completionDatabase: CompletionDatabase = {
name: "delayr", name: "delayr",
category: "time", category: "time",
description: "Delay a function <i>n</i> times by <i>t</i> ms", description: "Delay a function <i>n</i> times by <i>t</i> ms",
example: "delayr(50, 3, () => beat(1) :: log('delayed'))", example: "delayr(50,3,()=> beat(1)::log('hey!'))",
}, },
toss: { toss: {
name: "toss", name: "toss",
@ -37,7 +37,7 @@ const completionDatabase: CompletionDatabase = {
name: "lpadsr", name: "lpadsr",
category: "synthesis", category: "synthesis",
description: "Lowpass filter ADSR envelope", description: "Lowpass filter ADSR envelope",
example: "sound('sawtooth').lpadsr(2, 0, .1, 0, 0).out()", example: "sound('sawtooth').lpadsr(2,0,.1,0,0).out()",
}, },
lpenv: { lpenv: {
name: "lpenv", name: "lpenv",
@ -987,7 +987,7 @@ export const toposCompletions = (context: CompletionContext) => {
div.innerHTML = ` div.innerHTML = `
<h1 class="text-orange-300 text-base pb-1">${completionDatabase[key].name} [<em class="text-white">${completionDatabase[key].category}</em>]</h1> <h1 class="text-orange-300 text-base pb-1">${completionDatabase[key].name} [<em class="text-white">${completionDatabase[key].category}</em>]</h1>
<p class="text-base pl-4">${completionDatabase[key].description}</p> <p class="text-base pl-4">${completionDatabase[key].description}</p>
<div class="rounded px-2 ml-4 mt-2 bg-neutral-800"><code class="text-sm">${completionDatabase[key].example}</code></div> <div class="overflow-hidden overflow-scroll rounded px-2 ml-4 mt-2 bg-neutral-800"><code class="text-sm">${completionDatabase[key].example}</code></div>
` `
div.classList.add("px-4", "py-2", "rounded-lg", "w-92"); div.classList.add("px-4", "py-2", "rounded-lg", "w-92");
return div return div