mirror/v
1
0
Fork 0
mirror of https://github.com/vlang/v.git synced 2023-08-10 21:13:21 +03:00
Code Issues Projects Releases Wiki Activity

vdoc: fix scrollbar on mobile (#7614)

Browse Source
This commit is contained in:
Daniel Däschle 2020-12-27 15:14:16 +01:00 committed by GitHub
parent 6f194f2fa9
commit 5c4c5042b3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
cmd/tools/vdoc/resources/doc.css
View File

@ -79,7 +79,9 @@ body {
}
#page {
height: 100%;
overflow-y: scroll;
padding-top: 56px;
box-sizing: border-box;
overflow: hidden;
}
/** Reset for menus */
@ -112,8 +114,8 @@ body {
font-family: 'Work Sans', sans-serif;
}
*::-webkit-scrollbar {
width: 8px;
height: 8px;
width: 4px;
height: 4px;
}
*::-webkit-scrollbar-track {
background: transparent;
@ -256,10 +258,13 @@ body {
}
/* Main content */
.doc-scrollview {
height: 100%;
overflow-y: scroll;
}
.doc-container {
display: flex;
flex-direction: column-reverse;
margin-top: 56px;
}
.doc-content {
display: flex;
@ -505,6 +510,13 @@ pre {
/* Medium screen and up */
@media (min-width: 768px) {
*::-webkit-scrollbar {
width: 8px;
height: 8px;
}
*::-webkit-scrollbar-thumb {
border: 3px solid transparent;
}
.doc-container {
flex-direction: row;
}
@ -549,6 +561,9 @@ pre {
}
@media (min-width: 1024px) {
#page {
padding-top: 0;
}
.doc-nav {
width: 300px;
}
@ -584,7 +599,6 @@ pre {
padding-bottom: 1rem;
}
.doc-container {
margin-top: 0;
margin-left: 300px;
}
.doc-node {

2
cmd/tools/vdoc/vdoc.v
View File

@ -81,6 +81,7 @@ const (
</ul>
</nav>
</header>
<div class="doc-scrollview">
<div class="doc-container">
<div class="doc-content">
{{ contents }}
@ -91,6 +92,7 @@ const (
{{ right_content }}
</div>
</div>
</div>
{{ footer_assets }}
</body>
</html>