basic shell for discussion home page with both profile information and email notification settings
This commit is contained in:
marco
@@ -90,10 +90,6 @@
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
body.discussion {
|
||||
|
||||
.new-post-form-errors {
|
||||
@@ -740,14 +736,9 @@ body.discussion {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
//margin-left: -17px;
|
||||
background: url(../images/home-discussion-icon.png) no-repeat;
|
||||
opacity: 1;
|
||||
@include transition(none);
|
||||
}
|
||||
|
||||
.home-btn {
|
||||
//nothing here yet
|
||||
}
|
||||
}
|
||||
|
||||
.browse {
|
||||
@@ -828,7 +819,6 @@ body.discussion {
|
||||
z-index: 50;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 0 0 0 0;
|
||||
border: 1px solid transparent;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
@@ -848,7 +838,7 @@ body.discussion {
|
||||
@include transition(opacity .2s);
|
||||
}
|
||||
.drop-arrow {
|
||||
font-size:16px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -882,13 +872,6 @@ body.discussion {
|
||||
.browse-topic-drop-menu {
|
||||
max-height: 400px;
|
||||
overflow-y: scroll;
|
||||
|
||||
.drop-menu-meta-category span,
|
||||
.drop-menu-parent-category span {
|
||||
margin: 10px 0;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -923,7 +906,7 @@ body.discussion {
|
||||
.board-name {
|
||||
float: left;
|
||||
width: 80%;
|
||||
margin: 5px 0;
|
||||
margin: 13px 0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@@ -941,14 +924,14 @@ body.discussion {
|
||||
li li {
|
||||
a {
|
||||
padding-left: 44px;
|
||||
background: url(../images/nested-icon.png) no-repeat 22px 5px;
|
||||
background: url(../images/nested-icon.png) no-repeat 22px 14px;
|
||||
}
|
||||
}
|
||||
|
||||
li li li {
|
||||
a {
|
||||
padding-left: 68px;
|
||||
background: url(../images/nested-icon.png) no-repeat 46px 5px;
|
||||
background: url(../images/nested-icon.png) no-repeat 46px 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1278,9 +1261,6 @@ body.discussion {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.bottom-post-status {
|
||||
padding: 30px;
|
||||
font-size: 20px;
|
||||
@@ -1289,9 +1269,6 @@ body.discussion {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.discussion-column {
|
||||
float: right;
|
||||
@include box-sizing(border-box);
|
||||
@@ -1309,34 +1286,85 @@ body.discussion {
|
||||
}
|
||||
|
||||
.blank-slate {
|
||||
//nothing here
|
||||
.section {
|
||||
|
||||
section {
|
||||
border-bottom: 1px solid #ccc;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.label {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.home-header {
|
||||
//nothing here
|
||||
}
|
||||
|
||||
.home-title {
|
||||
font-size: 18px;
|
||||
color: #000;
|
||||
color: $black;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.home-description {
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: $baseline/2;
|
||||
}
|
||||
.home-stats {
|
||||
//nothing
|
||||
|
||||
.label-area {
|
||||
display: inline-block;
|
||||
min-width: $baseline*5;
|
||||
width: 20%;
|
||||
vertical-align: middle;
|
||||
|
||||
.profile-link {
|
||||
//something
|
||||
}
|
||||
}
|
||||
|
||||
.stats-grouping {
|
||||
display: inline-block;
|
||||
width: 70%;
|
||||
|
||||
.profile-stat {
|
||||
display: inline-block;
|
||||
padding: $baseline;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
.home-emailsettings {
|
||||
//nothing here
|
||||
|
||||
.home-helpgrid {
|
||||
border-bottom: none;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #b2b2b2;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
|
||||
}
|
||||
}
|
||||
|
||||
.helpgrid-list {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
|
||||
.helpgrid-row {
|
||||
border-bottom: 1px solid #b2b2b2;
|
||||
|
||||
.row-title {
|
||||
padding: $baseline;
|
||||
display: inline-block;
|
||||
width: 20%;
|
||||
background-color: $light-gray;
|
||||
}
|
||||
|
||||
.row-item {
|
||||
display: inline-block;
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.blank-slate,
|
||||
.discussion-article {
|
||||
position: relative;
|
||||
padding: 40px;
|
||||
@@ -1445,7 +1473,7 @@ body.discussion {
|
||||
|
||||
.responses {
|
||||
list-style: none;
|
||||
margin-top: 40px;
|
||||
margin-top: $baseline;
|
||||
padding: 0;
|
||||
|
||||
> li {
|
||||
|
||||
@@ -1,8 +1,9 @@
|
||||
<script type="text/template" id="thread-list-template">
|
||||
<div class="browse-search">
|
||||
<div class="home">
|
||||
<a href="#" class="home-icon"></a>
|
||||
<a href="#" class="home-btn"></a>
|
||||
<a href="#" class="home-icon">
|
||||
<i class="icon-home"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="browse is-open">
|
||||
<a href="#" class="browse-topic-drop-icon"></a>
|
||||
|
||||
@@ -26,22 +26,48 @@
|
||||
<div class="sidebar"></div>
|
||||
<div class="discussion-column">
|
||||
<div class="discussion-article blank-slate">
|
||||
<div class="home-header section">
|
||||
<h1 class="home-title">${course.display_name_with_default} Discussion Home</h1>
|
||||
<section class="home-header">
|
||||
<span class="label">DISCUSSION HOME:</span>
|
||||
<h1 class="home-title">${course.display_name_with_default}</h1>
|
||||
<p class="home-description">Welcome to ${course.display_name_with_default}'s Discussion Home. Select a discussion from the left, or review your profile, participation and email notification settings below.
|
||||
</p>
|
||||
</div>
|
||||
<div class="home-stats section">
|
||||
The home-stats
|
||||
</div>
|
||||
<div class="home-emailsettings section">
|
||||
The home-emailsettings
|
||||
</div>
|
||||
</section>
|
||||
<section class="home-stats">
|
||||
<div class="label-area">
|
||||
<span class="label"> PROFILE, PARTICIPATION</span>
|
||||
<a href="#" class="profile-link">Your profile Name</a>
|
||||
</div>
|
||||
<div class="stats-grouping">
|
||||
<div class="profile-stat profile-stat-posts">5 POSTS</div>
|
||||
<div class="profile-stat profile-stat-comments">12 COMMENTS</div>
|
||||
<div class="profile-stat profile-stat-following">9 POSTS I'M FOLLOWING</div>
|
||||
</div>
|
||||
</section>
|
||||
<span class="label">HOW TO USE EDX DISCUSSIONS</span>
|
||||
<section class="home-helpgrid">
|
||||
<ul class="helpgrid-list">
|
||||
<li class="helpgrid-row helpgrid-row-navigation">
|
||||
<span class="row-title">Navigation</span>
|
||||
<div class="row-item">Focus in on specific topics</div>
|
||||
<div class="row-item">Search for specific posts</div>
|
||||
<div class="row-item">Sort by date, vote, or comments</div>
|
||||
</li>
|
||||
<li class="helpgrid-row helpgrid-row-participation">
|
||||
<span class="row-title">Participation</span>
|
||||
<div class="row-item">Upvote posts and good responses</div>
|
||||
<div class="row-item">Report Forum Misuse</div>
|
||||
<div class="row-item">Follow posts for updates</div>
|
||||
</li>
|
||||
<li class="helpgrid-row helpgrid-row-notification">
|
||||
<span class="row-title">Notification</span>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<%include file="_underscore_templates.html" />
|
||||
<%include file="_thread_list_template.html" />
|
||||
|
||||
Reference in New Issue
Block a user