From 1141b51cfc363bed83716915965986fcc2263df1 Mon Sep 17 00:00:00 2001
From: Josh south <joshsouth@gmail.com>
Date: Tue, 28 Feb 2017 16:50:30 -0800
Subject: [PATCH] fix sidebar height

set to 100% on landing pre-affix
---
 css/style.css | 124 +++++++++++++++++++++-----------------------------
 1 file changed, 51 insertions(+), 73 deletions(-)

diff --git a/css/style.css b/css/style.css
index c48160e8ce..2ec8b9e2c5 100644
--- a/css/style.css
+++ b/css/style.css
@@ -95,25 +95,10 @@ p {
 
 /*
 *
-* mobile type ******************************************************************
+* other type ******************************************************************
 *
 */
 
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
-    h1 {
-        font-size: 24px;
-    }
-    h2 {
-        font-size: 20px;
-    }
-    h3 {
-        font-size: 18px;
-    }
-    h4 {
-        font-size: 16px;
-    }
-}
-
 p.p2 {
     font-size: 16px;
     line-height: 30px;
@@ -546,37 +531,16 @@ img {
 .sidebar-home {
   background-color: #FBFBFC;
   border-right: 1px solid rgba(204, 204, 204, 0.29);
-  bottom: 0;
-  left: 0;
-  display: block;
-  padding: 0;
   overflow-x: hidden;
   overflow-y: auto;
-  /*min-height: 1000px;*/
+  height: 100%;
   width: 260px;
 }
 
-/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
-  .sidebar-home {
-    display: none;
-  }
-}*/
-
-/*@media only screen
-and (min-device-width : 768px)
-and (max-device-width : 1024px)  {
-  .sidebar-home {
-    display: none;
-  }
-}*/
-
 .sidebar-home .affix {
     background-color: #FBFBFC;
     border-right: 1px solid rgba(204, 204, 204, 0.29);
     top: 55px;
-    bottom: 0;
-    left: 0;
-    display: block;
     overflow-x: hidden;
     overflow-y: auto;
     padding-bottom: 100px;
@@ -603,10 +567,6 @@ and (max-device-width : 1024px)  {
     }
 }
 
-.collapse.in {
-    transition: all 0.2s ease;
-}
-
 /*
 *
 * NAV SIDEBAR ***********************************************************************
@@ -670,11 +630,11 @@ and (max-device-width : 1024px)  {
 
 /*
 *
-* NAV SIDEBAR ***********************************************************************
+* content ***********************************************************************
 *
 */
 
-section.section {
+.content {
     max-width: 980px;
 }
 
@@ -683,7 +643,11 @@ section.section {
     max-width: 940px;
 }
 
-/*.content {}*/
+/*
+*
+* sidebar ***********************************************************************
+*
+*/
 
 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
     .content {
@@ -716,6 +680,7 @@ section.section {
     height: 100%;
     right: 0;
     top: 500px;
+    width: 260px;
 }
 
 @media (min-device-width: 320px) and (max-device-width: 480px) {
@@ -730,8 +695,8 @@ section.section {
 }
 
 .wrapper.right-open #sidebar-wrapper {
-    /*padding: 40px 0 0 10px;*/
-    width: 250px;
+    /*padding: 17px 0 100px 0;*/
+    width: 260px;
 }
 
 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
@@ -1436,8 +1401,7 @@ code {
 .block {
     float: left;
     padding: 0px 20px 20px 16px;
-    max-width: 960px;
-    width: 460px;
+    min-width: 360px;
 }
 /*
   *
@@ -1690,29 +1654,6 @@ footer {
   margin-bottom: 20px!important;
 }
 
-/* Portrait and Landscape */
-
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
-    .top_footer {
-        padding: 15px 0 0;
-        margin-bottom: 50px;
-    }
-    .footer_links {
-        padding: 10px 0;
-    }
-    button.outline-btn {
-        margin: 20px 0 0 2px;
-    }
-    .footer_sub_nav {
-        float: left;
-    }
-    .footer_sub_nav ul li {
-        float: none;
-        padding-bottom: 6px;
-        margin: 0;
-    }
-}
-
 
 /*
 *
@@ -1722,12 +1663,24 @@ footer {
 
 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
     .HolyGrail-content {
-        padding: 0px 23px 50px 27px;
+        padding: 50px 23px 50px 27px;
     }
     .h1, .h2, .h3, h1, h2, h3 {
         margin-top: 10px;
         margin-bottom: 0px;
     }
+    h1 {
+        font-size: 24px;
+    }
+    h2 {
+        font-size: 20px;
+    }
+    h3 {
+        font-size: 18px;
+    }
+    h4 {
+        font-size: 16px;
+    }
     .nav-secondary-tabs.affix {
         background: #0C5176;
         box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
@@ -1761,6 +1714,7 @@ footer {
     .block {
         float: left;
         padding: 5px 30px 5px 15px;
+        width: 380px;
     }
     .component-full {
         padding: 10px 13px 10px 16px;
@@ -1777,6 +1731,30 @@ footer {
     .component-full-copy {
         width: 100%;
     }
+    #sidebar-wrapper-home {
+      display: none;
+    }
+    footer {
+      text-align: center;
+    }
+    .top_footer {
+        padding: 15px 0 0;
+        margin-bottom: 50px;
+    }
+    .footer_links {
+        padding: 10px 0;
+    }
+    button.outline-btn {
+        margin: 20px 0 0 2px;
+    }
+    .footer_sub_nav {
+        float: none;;
+    }
+    .footer_sub_nav ul li {
+        float: none;
+        padding-bottom: 6px;
+        margin: 0;
+    }
 }
 
 /*