vdoc: mobile fixes

pull/5288/head
Daniel Däschle 2020-06-08 15:32:21 +02:00 committed by GitHub
parent d3839b5d68
commit 09fa0f1540
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 9 deletions

View File

@ -72,6 +72,7 @@ body {
background-color: var(--background-color); background-color: var(--background-color);
color: #000; color: #000;
color: var(--text-color); color: var(--text-color);
overflow-y: scroll;
} }
/** Reset for menus */ /** Reset for menus */
@ -147,7 +148,7 @@ body {
} }
.doc-nav > .heading-container > .heading { .doc-nav > .heading-container > .heading {
display: flex; display: flex;
padding: 0 2rem; padding: 0 1rem;
height: 56px; height: 56px;
} }
.doc-nav > .heading-container > .heading > .module { .doc-nav > .heading-container > .heading > .module {
@ -256,15 +257,16 @@ body {
.doc-content { .doc-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 1rem 2rem; padding: 1rem;
overflow: hidden; overflow: hidden;
} }
.doc-content a { .doc-content a {
color: #2779bd; color: #2779bd;
color: var(--link-color); color: var(--link-color);
} }
.doc-content > .doc-node:not(:last-child) { .doc-content > .doc-node {
padding: 1rem 0 3rem 0; padding: 5rem 0 2rem 0;
margin-top: -4rem;
} }
.doc-content > .doc-node.const:not(:first-child) { .doc-content > .doc-node.const:not(:first-child) {
padding-top: 0; padding-top: 0;
@ -285,6 +287,7 @@ body {
border-bottom: 1px solid var(--title-bottom-line-color); border-bottom: 1px solid var(--title-bottom-line-color);
} }
.doc-content > .doc-node > .title > .link { .doc-content > .doc-node > .title > .link {
display: flex;
margin-left: auto; margin-left: auto;
fill: #dae1e7; fill: #dae1e7;
fill: var(--ref-symbol-color); fill: var(--ref-symbol-color);
@ -313,7 +316,7 @@ body {
.doc-content > .doc-node > .title h5, .doc-content > .doc-node > .title h5,
.doc-content > .doc-node > .title h6 { .doc-content > .doc-node > .title h6 {
font-weight: 400; font-weight: 400;
padding-bottom: 0.8rem; padding-top: 0.6rem 0;
margin: 0; margin: 0;
} }
.doc-content > .doc-node > .title h1 a, .doc-content > .doc-node > .title h1 a,
@ -355,7 +358,7 @@ body {
top: 0; top: 0;
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
padding: 2rem; padding: 1rem 1rem 0 1rem;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
-ms-overflow-style: none; -ms-overflow-style: none;
@ -480,9 +483,9 @@ pre {
.doc-content { .doc-content {
font-size: 0.95rem; font-size: 0.95rem;
flex: 1; flex: 1;
padding: 1rem 2rem;
} }
.doc-toc { .doc-toc {
padding: 1rem 1rem 0 1rem;
position: relative; position: relative;
/* IE11 */ /* IE11 */
position: sticky; position: sticky;
@ -526,8 +529,7 @@ pre {
} }
.doc-nav > .heading-container > .heading { .doc-nav > .heading-container > .heading {
height: auto; height: auto;
padding-top: 1rem; padding: 1rem 2rem;
padding-bottom: 1rem;
flex-direction: column-reverse; flex-direction: column-reverse;
justify-content: center; justify-content: center;
} }
@ -544,10 +546,16 @@ pre {
.doc-nav .content.hidden { .doc-nav .content.hidden {
display: flex; display: flex;
} }
.doc-container { .doc-container {
margin-top: 0; margin-top: 0;
margin-left: 300px; margin-left: 300px;
} }
.doc-node {
padding-top: 1rem !important;
margin-top: 0 !important;
}
.doc-toc { .doc-toc {
top: 0; top: 0;
} }