Skip to content

E
edx-platform
Commit 1b7e2b35 by Brittany Cheng
Options

edit layout of search box

parent 833f5fdb
Showing with 26 additions and 13 deletions
lms/static/sass/_discussion.scss
...@@ -18,24 +18,35 @@ $discussion_input_width: 60%; ...@@ -18,24 +18,35 @@ $discussion_input_width: 60%;
.course-content { .course-content {
.discussion { .discussion {
margin-left: 40px; margin-left: flex-gutter(4);
margin-top: 15px; margin-top: flex-gutter(6);
} }
} }
.discussion { .discussion {
.discussion-search-form { .discussion-search-form {
margin-bottom: 40px; margin-bottom: flex-gutter(4);
.discussion-search { display: inline-block;
width: flex-grid(12);
.discussion-link {
display: inline-block;
margin-left: flex-gutter();
@include discussion-font; @include discussion-font;
color: #1d9dd9; color: #1d9dd9;
display: block; margin-top: flex-gutter();
margin-top: 10px; font-weight: bold;
font-weight: bold;
} }
.discussion-search-text { .discussion-search-text {
@include discussion-font; @include discussion-font;
} }
.search-input {
float: left;
width: flex-grid(6);
}
.search-within {
display: block;
margin-top: flex-gutter();
}
} }
.discussion-title { .discussion-title {
...@@ -43,7 +54,7 @@ $discussion_input_width: 60%; ...@@ -43,7 +54,7 @@ $discussion_input_width: 60%;
@include discussion-clickable; @include discussion-clickable;
font-size: $discussion_title_size; font-size: $discussion_title_size;
font-weight: bold; font-weight: bold;
margin-bottom: 20px; margin-bottom: flex-gutter(6);
display: block; display: block;
} }
.discussion-title-wrapper { .discussion-title-wrapper {
...@@ -66,7 +77,7 @@ $discussion_input_width: 60%; ...@@ -66,7 +77,7 @@ $discussion_input_width: 60%;
margin-right: 8px; margin-right: 8px;
margin-top: 5px; margin-top: 5px;
text-align: center; text-align: center;
height: 40px; height: flex-grid(3);
float: left; float: left;
.discussion-vote-count { .discussion-vote-count {
font-size: $comment_body_size; font-size: $comment_body_size;
......
lms/templates/discussion/search_bar.html
...@@ -6,8 +6,10 @@ def url_for_search(): ...@@ -6,8 +6,10 @@ def url_for_search():
%> %>
<form action="${url_for_search()}" method="get" class="discussion-search-form"> <form action="${url_for_search()}" method="get" class="discussion-search-form">
<input class="searchInput" type="text" value="${text}" id="keywords" autocomplete="off"/> <input class="search-input" type="text" value="${text}" id="keywords" autocomplete="off"/>
<a class="discussion-link discussion-search" href="javascript:void(0)">Search</a> <a class="discussion-link" href="javascript:void(0)">Search</a>
<input type="checkbox" id="discussion-search-within-board-${discussion_id}" class="discussion-search-within-board" checked/> <div class="search-within">
<label for="discussion-search-within-board-${discussion_id}">Search within board</label> <input type="checkbox" id="discussion-search-within-board-${discussion_id}" class="discussion-search-within-board" checked/>
<label for="discussion-search-within-board-${discussion_id}">Search within board</label>
</div>
</form> </form>
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