luxolus
/
open-vault
2
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

website: responsive styling updates (#5858) 

* docs-sidenav version bump with required updates to #inner styles

* website - fix ie11 responsive rendering bug
This commit is contained in:
RJ Spiker 2018-12-03 10:09:28 -07:00 committed by Jeff Mitchell
parent e71017e5a9
commit 14f5c88a38
2 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
website/assets/css/_inner.css
View File

@ -6,7 +6,7 @@
position: relative;
width: 100%;
@media (min-width: 768px) {
@media (min-width: 940px) {
flex-direction: row;
margin-top: 72px;
margin-bottom: 72px;
@ -14,17 +14,25 @@
}
#inner {
flex: 1;
margin: 100px 0;
margin: 64px 0;
overflow: auto;
width: 100%;
@media (min-width: 768px) {
@media (min-width: 940px) {
flex: 1;
margin: 0;
}
& .g-content > h1:first-child {
& .g-content {
@media (max-width: 939px) {
padding-left: 0;
padding-right: 0;
}
& > h1:first-child {
margin-top: 0;
}
}
& .g-section-header {
margin-bottom: 100px;

2
website/assets/package.json
View File

@ -12,7 +12,7 @@
"@hashicorp/hashi-callouts": "^2.0.5",
"@hashicorp/hashi-content": "^0.1.0",
"@hashicorp/hashi-consent-manager": "^1.0.5",
"@hashicorp/hashi-docs-sidenav": "^0.3.0",
"@hashicorp/hashi-docs-sidenav": "^1.0.2",
"@hashicorp/hashi-docs-sitemap": "^0.1.4",
"@hashicorp/hashi-footer": "1.1.2",
"@hashicorp/hashi-ga-form-fields": "1.0.2",