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

Slight fixes for /api

Browse source
This commit is contained in:
ポール ウェッブ 2018-06-25 16:43:09 -05:00
parent 4f102cf692
commit 1b28520b25
2 changed files with 29 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
content/.vuepress/components/Slate.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="slate"> <div class="__slate">
<aside class="api__toc"> <aside class="api__toc">
<div class="api__toc__search"> <div class="api__toc__search">
<input type="search" class="api__toc__search__field" id="input-search" placeholder="Search"/> <input type="search" class="api__toc__search__field" id="input-search" placeholder="Search"/>
@ -77,7 +77,7 @@
}, },
bindSearchIndex: function () { bindSearchIndex: function () {
this.content = $(".slate .content"); this.content = $(".api__content");
this.searchResults = $(".api__toc__search__results"); this.searchResults = $(".api__toc__search__results");
$("#input-search").on("keyup", this.search); $("#input-search").on("keyup", this.search);
@ -118,7 +118,7 @@
component.highlight(this); component.highlight(this);
} else { } else {
component.searchResults.html(`<li>No results found for <code>${searchElement.val()}</code></li>`); component.searchResults.html(`<li style="padding: 0.25rem 0.5rem 0.25rem 0.75rem;">No results found for <code>${searchElement.val()}</code></li>`);
} }
} else { } else {
component.unhighlight(); component.unhighlight();
@ -166,7 +166,7 @@
@import "../scss/init/colors"; @import "../scss/init/colors";
@import "../scss/init/mixins"; @import "../scss/init/mixins";
.slate { .__slate {
width: 100%; height: 100%; width: 100%; height: 100%;
position: relative; position: relative;
@ -175,6 +175,8 @@
} }
} }
.api__toc { .api__toc {
width: 200px; height: calc(100vh - 4rem); // navigation is 4rem tall width: 200px; height: calc(100vh - 4rem); // navigation is 4rem tall
top: 4rem; left: 0; bottom: 0; top: 4rem; left: 0; bottom: 0;
@ -186,10 +188,6 @@
overflow-y: auto; overflow-y: auto;
position: fixed; position: fixed;
z-index: 3; z-index: 3;
li {
padding: 0.25rem 0.5rem 0.25rem 0.75rem;
}
} }
.api__toc__search { .api__toc__search {
@ -250,6 +248,15 @@
padding-top: 0.25rem; padding-top: 0.25rem;
padding-bottom: 0.25rem; padding-bottom: 0.25rem;
} }
a {
display: block;
padding: 0.25rem 0.5rem 0.25rem 0.75rem;
&:hover {
background-color: rgba($gray, 0.3);
}
}
} }
.api__toc__items { .api__toc__items {
@ -258,6 +265,14 @@
ul { ul {
list-style-type: none; list-style-type: none;
&:hover {
background-color: rgba($gray, 0.3);
}
li {
padding: 0.25rem 0.5rem 0.25rem 0.75rem;
}
} }
} }
@ -288,12 +303,16 @@
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
} }
p { p, ol, ul {
font-size: 1rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
ol, ul {
padding-left: 1rem;
}
table { table {
border: 1px solid rgba($white, 0.1); border: 1px solid rgba($white, 0.1);
border-radius: 0.3rem; border-radius: 0.3rem;

1
content/.vuepress/scss/_layout.scss
View file

@ -14,6 +14,7 @@ body {
min-width: 320px; min-width: 320px;
overflow-x: hidden; overflow-x: hidden;
position: relative; position: relative;
// scroll-behavior: smooth;
z-index: 0; z-index: 0;
} }