position sidebar with jquery

Philio · Mar 20, 2015 · 83a0106 · 83a0106
1 parent 69bf7ed
commit 83a0106
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/js/theme.js b/js/theme.js
@@ -47,6 +47,7 @@ $(document).ready(function() {
     });
 
     // Side bar
+    $('#sidebar').css('top', $('#theImage').offset().top + 'px');
     $('#info-link').click(function () {
         var sidebar = $('#sidebar');
         if (parseInt(sidebar.css('right')) < 0) {

diff --git a/less/theme.less b/less/theme.less
@@ -113,7 +113,6 @@ body {
 
 #sidebar {
   position: absolute;
-  top: 350px;
   right: -250px;
   text-align: left;
   .handle {
@@ -134,6 +133,9 @@ body {
     a:hover {
       color: #eee;
     }
+    .glyphicon {
+      font-size: 1.2em;
+    }
   }
   .info {
     float: right;

diff --git a/theme.css b/theme.css
@@ -75,7 +75,6 @@ body {
 }
 #sidebar {
   position: absolute;
-  top: 350px;
   right: -250px;
   text-align: left;
 }
@@ -98,6 +97,9 @@ body {
 #sidebar .handle a:hover {
   color: #eee;
 }
+#sidebar .handle .glyphicon {
+  font-size: 1.2em;
+}
 #sidebar .info {
   float: right;
   background-color: #eeeeee;