website: responsive styling updates (#5858)

* docs-sidenav version bump with required updates to #inner styles * website - fix ie11 responsive rendering bug
hashicorp · Dec 3, 2018 · 44209d5 · 44209d5
1 parent e9751fd
commit 44209d5
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/website/assets/css/_inner.css b/website/assets/css/_inner.css
@@ -6,24 +6,32 @@
   position: relative;
   width: 100%;
 
-  @media (min-width: 768px) {
+  @media (min-width: 940px) {
     flex-direction: row;
     margin-top: 72px;
     margin-bottom: 72px;
   }
 }
 
 #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 {
-    margin-top: 0;
+  & .g-content {
+    @media (max-width: 939px) {
+      padding-left: 0;
+      padding-right: 0;
+    }
+
+    & > h1:first-child {
+      margin-top: 0;
+    }
   }
 
   & .g-section-header {

diff --git a/website/assets/package.json b/website/assets/package.json
@@ -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",