Merge pull request #398 from ashmaroli/floating-side-buttons

fix side-buttons to viewport
jekyll · Jun 15, 2017 · 2b05386 · 2b05386
2 parents 1dd86b4 + d1b9fde
commit 2b05386
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/styles/content.scss b/src/styles/content.scss
@@ -119,15 +119,16 @@
   .content-wrapper {
     display: flex;
     .content-body {
-      width: 100%;
+      width: calc(100% - #{$content-side-width} - 40px);
       h1 {
         margin: 0 0 30px 0;
         font-size: 40px;
       }
     }
     .content-side {
+      position: fixed;
+      right: 40px;
       width: $content-side-width;
-      margin-left: 40px;
       font-size: 16px;
 
       .delete-link {

diff --git a/src/styles/variables.scss b/src/styles/variables.scss
@@ -1,5 +1,5 @@
 $sidebar-width: 220px;
-$content-side-width: 260px;
+$content-side-width: 200px;
 
 $orange: #ffcc00;
 $dark-orange: #ff9900;