Commit c6c3620f by Tom Giannattasio

tweaked sequence nav and discussion profile sidebar

parent 35cb3e11
...@@ -61,13 +61,12 @@ nav.sequence-nav { ...@@ -61,13 +61,12 @@ nav.sequence-nav {
min-width: 20px; min-width: 20px;
a { a {
width: 34px; width: 100%;
height: 34px; height: 42px;
margin: 4px auto; margin: 0;
background-position: center 10px; background-position: center 14px;
background-repeat: no-repeat; background-repeat: no-repeat;
border: 1px solid transparent; border: 1px solid transparent;
@include border-radius(35px);
cursor: pointer; cursor: pointer;
display: block; display: block;
padding: 0; padding: 0;
...@@ -82,7 +81,7 @@ nav.sequence-nav { ...@@ -82,7 +81,7 @@ nav.sequence-nav {
&:hover { &:hover {
background-color: #fff; background-color: #fff;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center 10px; background-position: center 14px;
} }
&.active { &.active {
...@@ -103,7 +102,7 @@ nav.sequence-nav { ...@@ -103,7 +102,7 @@ nav.sequence-nav {
&:hover { &:hover {
background-color: #fff; background-color: #fff;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center 10px; background-position: center 14px;
} }
} }
......
...@@ -55,6 +55,7 @@ class @Sequence ...@@ -55,6 +55,7 @@ class @Sequence
element.removeClass('progress-none') element.removeClass('progress-none')
.removeClass('progress-some') .removeClass('progress-some')
.removeClass('progress-done') .removeClass('progress-done')
switch progress switch progress
when 'none' then element.addClass('progress-none') when 'none' then element.addClass('progress-none')
when 'in_progress' then element.addClass('progress-some') when 'in_progress' then element.addClass('progress-some')
......
...@@ -27,11 +27,6 @@ var SequenceNav = function($element) { ...@@ -27,11 +27,6 @@ var SequenceNav = function($element) {
var offset = e.pageX - mouseOrigin; var offset = e.pageX - mouseOrigin;
var targetLeft = clamp(listOrigin + offset, -maxScroll, 0); var targetLeft = clamp(listOrigin + offset, -maxScroll, 0);
console.log('---------------');
console.log('offset: ' + offset);
console.log('target left: ' + targetLeft);
console.log('max: ' + maxScroll);
updateHorizontalPosition(targetLeft); updateHorizontalPosition(targetLeft);
setShadows(targetLeft); setShadows(targetLeft);
......
...@@ -150,10 +150,15 @@ $tag-text-color: #5b614f; ...@@ -150,10 +150,15 @@ $tag-text-color: #5b614f;
//user profile //user profile
.user-profile {
@extend .sidebar;
}
.sidebar-username { .sidebar-username {
font-size: 1.5em; font-size: 1.5em;
font-weight: bold; font-weight: bold;
line-height: 1.5em; line-height: 1.5em;
margin-top: 20px;
} }
.sidebar-user-roles { .sidebar-user-roles {
......
...@@ -40,9 +40,6 @@ ...@@ -40,9 +40,6 @@
<script type="text/javascript"> <script type="text/javascript">
var sequenceNav; var sequenceNav;
$(document).ready(function() { $(document).ready(function() {
// console.log($('.sequence-nav'));
sequenceNav = new SequenceNav($('.sequence-nav')); sequenceNav = new SequenceNav($('.sequence-nav'));
console.log(sequenceNav);
}); });
</script> </script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment