LBRYCommunity/lbry.tech
1
0
Fork 0
Code Issues 13 Pull requests 8 Projects Releases Packages Wiki Activity

Styled API

Browse source
This commit is contained in:
ポール ウェッブ 2018-08-01 11:49:22 -05:00
parent 43ccbaccec
commit 55f345e002
4 changed files with 69 additions and 20 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

76
sass/pages/_api.scss
View file

@ -131,8 +131,11 @@
}
h3 {
font-size: 1.15rem;
// border-bottom: 1px solid rgba($gray, 0.3);
font-size: 0.8rem;
letter-spacing: 0.1rem;
margin-bottom: 0.25rem;
text-transform: uppercase;
}
p, ol, ul {
@ -142,7 +145,7 @@
}
ol, ul {
padding-left: 1rem;
// padding-left: 1rem;
}
table {
@ -169,6 +172,61 @@
tr:nth-child(even) {
background-color: rgba($white, 0.1);
}
pre {
margin-bottom: 2rem; padding: 1rem;
background-color: $black;
border-radius: 0.3rem;
font-size: 0.8rem;
line-height: 1.33;
overflow-x: auto;
overflow-y: hidden;
}
}
.api__content__body__arguments {
border: 1px solid rgba($gray, 0.3);
border-radius: 3px;
list-style-type: none;
}
.api__content__body__argument {
&:not(:last-of-type) {
border-bottom: 1px solid rgba($gray, 0.3);
}
&:nth-child(even) {
background-color: rgba($gray, 0.1);
}
.left,
.right {
padding: 0.5rem 0.75rem;
}
.left {
border-right: 1px solid rgba($gray, 0.3);
width: 30%;
word-wrap: break-word;
span {
color: $gray;
font-size: 0.8rem;
&:not(:first-of-type) {
margin-left: 0.5rem;
}
}
}
.right {
width: 70%;
}
&::after {
@include clearfix;
}
}
.api__content__body,
@ -178,20 +236,14 @@
.api__content__body {
border-bottom: 1px solid rgba($gray, 0.3);
pre {
color: $white;
}
}
.api__content__example {
background-color: mix($gray, $black, 10%);
border-bottom: 1px solid rgba($white, 0.1);
color: $white;
pre {
margin-bottom: 1rem; padding: 1rem;
background-color: $black;
border-radius: 0.3rem;
line-height: 1.33;
overflow-x: auto;
overflow-y: hidden;
}
}

9
views/pages/api.js
View file

@ -54,8 +54,7 @@ function createApiContent(apiDetails) {
<h3>Returns</h3>
<pre><code>${dedent(apiDetailsReturns)}</code></pre>
<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>` : ""}
</div>
<div class="api__content__example">
@ -95,14 +94,12 @@ function renderArguments(args) {
for (const arg of args) {
argumentContent.push(`
<li class="api__content__body__argument">
<div class="__left">
<div class="left">
<strong>${arg.name}</strong><br/>
${arg.is_required === true ? "" : "<span>optional</span>" }<span>${arg.type}</span>
</div>
<div class="__right">
<p>${arg.description}</p>
</div>
<div class="right">${arg.description}</div>
</li>
`);
}