doc/website: fix mobile/responsive formatting (#1387)

This commit is contained in:
Ariel Mashraki
2021-03-25 08:43:29 +02:00
committed by GitHub
parent f83bb981ea
commit d9f6c3ed9c
2 changed files with 47 additions and 30 deletions

View File

@@ -84,6 +84,12 @@ module.exports={
"className": "header-godoc-link",
},
{to: 'blog', label: 'Blog', position: 'left'},
{
href: 'https://www.getrevue.co/profile/ent',
position: 'right',
className: 'header-newsletter-link',
'aria-label': 'Newsletter page',
},
{
href: 'https://twitter.com/entgo_io',
position: 'right',

View File

@@ -108,24 +108,6 @@ in the LICENSE file in the root directory of this source tree.
}
}
@media only screen and (max-width: 400px) {
.gopherGraph {
margin-top: 40px;
}
.features {
margin: 30px auto 0!important;
}
.home-nav {
padding-right: 5% !important;
}
}
@media only screen and (max-width: 320px) {
.gettingStartedText {
font-size: 22px!important;
}
}
.section_index {
background: #3d3e3f;
}
@@ -455,14 +437,6 @@ body .homeContainer .homeWrapper {
}
}
@media only screen and (max-width: 996px) {
.row .col.col.col {
padding: 0 15% 20px;
}
}
body,
html {
margin: 0;
@@ -595,8 +569,7 @@ header ul, ol {
.home-nav {
background: #3d3e3f;
margin: 0;
padding: 0 15% 20px;
padding-top: 110px;
padding: 110px 5% 20px;
}
@media only screen and (min-width: 1425px) {
@@ -605,8 +578,7 @@ header ul, ol {
}
.home-nav {
padding: 0 19% 0px;
padding-top: 110px;
padding: 110px 5% 20px;
}
.fixedHeaderContainer {
@@ -616,6 +588,27 @@ header ul, ol {
}
}
@media only screen and (max-width: 400px) {
.gopherGraph {
margin-top: 40px;
}
.features {
margin: 30px auto 0!important;
}
.home-nav {
padding: 110px 5% 20px;
}
.homeContainer {
padding: 0 5% 20px;
}
}
@media only screen and (max-width: 320px) {
.gettingStartedText {
font-size: 22px!important;
}
}
@media only screen and (min-width: 1000px) {
.blog .fixedHeaderContainer,
.sideNavVisible.separateOnPageNav .fixedHeaderContainer {
@@ -788,4 +781,22 @@ html[data-theme='dark'] .header-twitter-link:before {
display: flex;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z'/%3E%3C/svg%3E")
no-repeat;
}
.header-newsletter-link:before {
content: '';
width: 24px;
height: 24px;
display: flex;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E")
no-repeat;
}
html[data-theme='dark'] .header-newsletter-link:before {
content: '';
width: 24px;
height: 24px;
display: flex;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E")
no-repeat;
}