Merge pull request #3780 from inntran/ipad-doc-optimize

Optimize Packer document view for iPad portrait mode
This commit is contained in:
Rickard von Essen 2016-08-14 15:17:23 +02:00 committed by GitHub
commit 66aef1487d
3 changed files with 67 additions and 3 deletions

View File

@ -68,7 +68,7 @@ body{
.footer-hashi{
display: block;
float: none !important;
float: right !important;
.hashicorp-project{
margin-left: -30px;
}
@ -76,10 +76,9 @@ body{
ul{
display: block;
width: 100%;
li{
display: block;
float: none;
float: left;
}
&.external-links{

View File

@ -0,0 +1,62 @@
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
#main-content {
display: flex;
flex-direction: row;
#sidebar-docs {
flex: 3;
h2 {
padding: 0;
}
ul {
padding: 0;
li {
padding: 10px 0;
}
}
}
.docs-body {
flex: 7;
h2 {
margin-top: 20px;
}
.docs-content {
padding: 0 0 80px;
div.alert {
padding: 20px 30px;
}
code {
font-size: 12px;
}
pre {
margin: 0 -15px;
padding: 15px;
}
ul {
margin-top: 0;
margin-left: 30px;
margin-bottom: 10px;
}
}
}
}
#footer {
padding: 20px 0 30px;
.edit-page-link {
top: -70px;
}
}
p {
line-height: 1.5;
}
}

View File

@ -20,3 +20,6 @@
@import "_footer";
@import "_components";
@import "_sidebar";
// Fix view on iPad
@import "_ipad";