LBRYFoundation/tech.lbry.org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed issue with section in API, and styling

Browse source
This commit is contained in:
ポール ウェッブ 2018-08-01 15:40:49 -05:00
parent 55f345e002
commit 976f535aec
4 changed files with 15 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/css/style.css
View file

File diff suppressed because one or more lines are too long

2
public/css/style.css.map
View file

File diff suppressed because one or more lines are too long

14
sass/pages/_api.scss
View file

@ -92,24 +92,20 @@
} }
.api__toc__items { .api__toc__items {
list-style-type: none;
padding-top: 0.25rem; padding-top: 0.25rem;
padding-bottom: 0.25rem; padding-bottom: 0.25rem;
}
ul { .api__toc__item {
list-style-type: none;
&:hover { &:hover {
background-color: rgba($gray, 0.3); background-color: rgba($gray, 0.3);
} }
li { a {
display: block;
padding: 0.25rem 0.5rem 0.25rem 0.75rem; padding: 0.25rem 0.5rem 0.25rem 0.75rem;
} }
}
}
.tocify-focus {
background-color: rgba($gray, 0.3);
} }

6
views/pages/api.js
View file

@ -46,7 +46,7 @@ function createApiContent(apiDetails) {
for (const apiDetail of apiDetails) { for (const apiDetail of apiDetails) {
const apiDetailsReturns = JSON.parse(JSON.stringify(apiDetail.returns)); const apiDetailsReturns = JSON.parse(JSON.stringify(apiDetail.returns));
apiContent.push(` /* if (apiDetail.name !== "settings_set") */ apiContent.push(`
<div class="api__content__body"> <div class="api__content__body">
<h2 id="#${apiDetail.name}">${apiDetail.name}</h2> <h2 id="#${apiDetail.name}">${apiDetail.name}</h2>
<p>${apiDetail.description}</p> <p>${apiDetail.description}</p>
@ -54,7 +54,7 @@ function createApiContent(apiDetails) {
<h3>Returns</h3> <h3>Returns</h3>
<pre><code>${dedent(apiDetailsReturns)}</code></pre> <pre><code>${dedent(apiDetailsReturns)}</code></pre>
${apiDetail.arguments.length ? `<h3>Arguments</h3><ul class="api__content__body__arguments">${renderArguments(apiDetail.arguments).join("")}</ul>` : ""} ${apiDetail.arguments.length ? `<h3>Arguments</h3><ul class="api__content__body__arguments">${renderArguments(apiDetail.arguments).join("")}</ul>` : ""}\n
</div> </div>
<div class="api__content__example"> <div class="api__content__example">
@ -99,7 +99,7 @@ function renderArguments(args) {
${arg.is_required === true ? "" : "<span>optional</span>" }<span>${arg.type}</span> ${arg.is_required === true ? "" : "<span>optional</span>" }<span>${arg.type}</span>
</div> </div>
<div class="right">${arg.description}</div> <div class="right">${arg.description.replace(/</g, "&lt;").replace(/>/g, "&gt;")}</div>
</li> </li>
`); `);
} }