From 14f5c88a38eb7d2c809028ce9decc93223419ef7 Mon Sep 17 00:00:00 2001 From: RJ Spiker Date: Mon, 3 Dec 2018 10:09:28 -0700 Subject: [PATCH] website: responsive styling updates (#5858) * docs-sidenav version bump with required updates to #inner styles * website - fix ie11 responsive rendering bug --- website/assets/css/_inner.css | 20 ++++++++++++++------ website/assets/package.json | 2 +- 2 files changed, 15 insertions(+), 7 deletions(-) diff --git a/website/assets/css/_inner.css b/website/assets/css/_inner.css index 4cb94885f..6d9025cf6 100644 --- a/website/assets/css/_inner.css +++ b/website/assets/css/_inner.css @@ -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,16 +14,24 @@ } #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 index 3ce6af08a..fbe78e1e5 100644 --- 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",