Remove sticky-top class from side navigations #827
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What is the purpose of this pull request? (put "X" next to an item, remove the rest)
• [x] Bug fix
Fix #818.
What is the rationale for this request?
The side navigations have unnecessarily high
z-index
, which causes it to be layered on top of other components.What changes did you make? (Give an overview)
Remove the
sticky-top
bootstrap class which adds the highz-index
, and use other css classes to retain the same positioning without increasingz-index
.Is there anything you'd like reviewers to focus on?
Testing instructions:
Build the TE3201 website with this branch, and navigate to
http://127.0.0.1:8080/se-book-adapted/chapters/refactoring.html#refactoring
. Use the searchbar. The page navigation should not appear above the search results.Proposed commit message: (wrap lines at 72 characters)
Remove sticky-top class from side navigations
The sticky-top class increases the z-index of the side navigations to
1030. The high z-index is not necessary for the side navigations, and
has caused it to be layered on top of the dropdowns of other components.
Let's remove the sticky-top class from the side navigations, and use
other css classes to achieve the same positioning without the high
z-index.