Fix forums nav sidebar overlapping content

Previously, when the window was scrolled down past the top of the
discussion content pane, scrolling right would cause the sidebar to
appear above the background of the content pane but below the text.
This is only an issue with very small windows or with the text size
increased significantly, which is why this came up in an accessibility
audit. Now the sidebar is fixed to the left side of the page instead
of the left side of the viewport.
This commit is contained in:
Greg Price
2013-09-10 17:35:40 -04:00
parent 64b1f2b7e9
commit 8a32f274be
2 changed files with 1 additions and 15 deletions

View File

@@ -64,10 +64,8 @@ if Backbone?
sidebar = $(".sidebar")
if scrollTop > discussionsBodyTop - @sidebar_padding
sidebar.addClass('fixed');
sidebar.css('top', @sidebar_padding);
sidebar.css('top', scrollTop - discussionsBodyTop + @sidebar_padding);
else
sidebar.removeClass('fixed');
sidebar.css('top', '0');
sidebarWidth = .31 * $(".discussion-body").width();

View File

@@ -690,14 +690,6 @@ body.discussion {
border-radius: 3px;
background: #f6f6f6;
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
&.fixed {
@include box-sizing(border-box);
position: fixed;
top: 0px;
width: 32%;
}
}
.browse-search {
@@ -1283,10 +1275,6 @@ body.discussion {
border-radius: 3px;
background: $white;
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
&.sidebar-fixed {
margin-left: 32%;
}
}
.blank-slate {