Merge pull request #2812 from naaaargle/master

UI Improvement: Add sticky scroll to side panel
hashicorp · May 18, 2017 · 0a4face · 0a4face
2 parents 6fcd379 + 6163eab
commit 0a4face
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -289,7 +289,7 @@ <h4 class="breadcrumbs"><a href="" {{action 'linkToKey' grandParentKey }}>{{pare
         <hr>
       </div>
 
-      <div class="col-md-6 col-lg-7 border-left">
+      <div class="col-md-6 col-lg-7 border-left sticky-scroll">
         <div class="padded-border">
 
           <div class="panel">

diff --git a/styles/_buttons.scss b/styles/_buttons.scss
@@ -12,6 +12,7 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    -webkit-transform: translateZ(0);
 
     &:hover {
         color: darken($gray, 10%);

diff --git a/styles/_forms.scss b/styles/_forms.scss
@@ -39,6 +39,7 @@
 
 textarea.form-control {
     height: 130px;
+    -webkit-transform: translateZ(0);
 }
 
 .form-checkbox {

diff --git a/styles/base.scss b/styles/base.scss
@@ -71,6 +71,13 @@ a {
     margin-top: 200px;
 }
 
+.sticky-scroll {
+    top: 15px;
+    position: sticky;
+    position: -webkit-sticky;
+    overflow: scroll;
+}
+
 .row {
     &.colored {
         background-color: $light-pink;